body {
    font-family: "Quattrocento", "American Typewriter", "Times New Roman", serif;
    font-size: clamp(.75rem, 1rem, calc(1em + .25vh));
    color: lightblue;
    background-color: #1F71AC;
}
img,
video,
picture {
    max-width: 100vw;
}
h2 {
    text-align: left;
    font-size: clamp(1.8rem, 2.0rem, 4vw);
    color: white;
    margin-left: 0;
}
.as-called {
    justify-self: center;
    font-size: clamp(.5rem, 1.6rem, 3vw);
    color: lightblue;
    margin-top: -1vh;
    margin-bottom: -1vh;
}
p {
    text-align: justify;
    hyphens: auto;
    max-width: clamp(40vw, 80vw, 900px);
}
section {
    padding-bottom: -2vh;
}
main {
    max-width: 90vw;
}
ul {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    list-style-type: disc;
    padding: 0;
    margin: 0;
    text-align: justify;
}
li {
    display: list-item;
    hyphens: auto;
    white-space: break-spaces;
}
li > em {
    display: inline;
    font-style: normal;
    hyphens: auto;
    white-space: break-spaces;
}
a {
    text-decoration: none;
    color: white;
}
em {
    display: inline;
    font-weight: bolder;
}
hr {
    width: 100vw;
    color: lightblue;
    opacity: 50%;
}
footer {
    display: grid;
    align-items: center;
    justify-content: stretch;
    margin-top: 2vh;
    margin-bottom: 1vh;
    max-width: 90vw
    /*min-width: fit-content;*/
}
footer > p {
    font-size: x-small;
    text-align: center;
}
.box {
    display: grid;
    grid-template-columns: 90vw;
    grid-template-rows: auto;
    margin: auto;
}
.smaller {
    font-size: small;
}
.main-image {
    width: 80vw;
    margin: 2vh 5vw;
}
.main-video {
    max-width: 50%;
}
.vert-middle {
    display: grid;
    align-items: center;
    justify-items: center;
    max-width: 50vw;
}
.vert-top {
    align-self: start;
}
.italicize {
    font-style: italic;
}
.video-caption {
    font-size: smaller;
}
.centralize {
    display: grid;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-evenly;
    justify-items: center;
    align-content: space-evenly;
    align-items: center;
    text-align: center;
}
.parent-container {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    min-width: 30vw;
}
.centralize-headline {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
    margin: 0 auto 1vh;
    font-size: clamp(2.0rem, 3rem, 3vw);
    color: white;
}
.logo {
    /* combine with centralize */
    grid-template-columns: 90vw;
    grid-template-rows: auto;
}
.wow-logo {
    max-width: 60vw;
    margin-top: -3vh;
}
.staytogether {
    text-wrap: none;
}
.emphasize {
    display: inline;
    font-weight: bolder;
    font-size: larger;
}
.rainbow {
    background: linear-gradient(45deg,#FF0000,#FF7F00,#FFFF00,#00FF00,#0000FF,#4B0082,#8B00FF);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 400% 400%;

    -webkit-animation: rainbowanim 10s ease infinite;
    -moz-animation: rainbowanim 10s ease infinite;
    animation: rainbowanim 10s ease infinite;
}
@-webkit-keyframes rainbowanim {
    0%{background-position: 0 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0 50%}
}
@-moz-keyframes rainbowanim {
    0%{background-position: 0 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0 50%}
}
@keyframes rainbowanim {
    0%{background-position: 0 50%}
    50%{background-position: 100% 50%}
    100%{background-position: 0 50%}
}

.buybutton-label {
    display: inherit;
    background-color: #4F8F00;
    border: .5vh solid white;
    border-radius: 1vh;
    padding: 1vh 3vw;
    margin-top: 1vh;
    margin-bottom: .15vh;
    opacity: 70%;
    font-style: italic;
}
#video-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    grid-column-gap: 1vw;
    margin: 1vh 10vw 1vh 10vw;
    max-width: 80vw;
}