body {
    background-color: #a3a3a4;
    color: #29024e;
}
main {
    padding-bottom: 60px;
}
nav {
    margin-top: 20px;
    margin-bottom: 60px;
    text-align: left;
}
a {
    color: #29024e;
    text-decoration: none;
}
a:hover {
    color: #29024e;
    text-decoration: underline;
}
h1 {
    font-family: 'Merriweather', serif;
    text-align: center;
    font-size: 34px;
}
div.video-wrapper {
    text-align: center;
}
iframe.video {
    width: 440px;
    height: 245px;
}
#videos {
    margin-top: 60px;
}
#videos p {
    font-size: calc(1.275rem + .3vw)
}
#videos-top {
    margin-bottom: 60px;
}
#videos-bottom {
    margin-bottom: 60px;
}
#bio {
    margin-top: 60px;
}
#bio p {
    text-align: justify;
}
#bio ul {
    padding-left: 8rem;
}
#contact {
    margin-top: 60px;
    margin-bottom: 60px;
}
#contact img.contact-link {
    margin-right: 7px;
}
#contact-links {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media only screen and (max-width: 440px) {
    iframe.video {
        width: 80%;
    }
    #bio ul {
        padding-left: 2rem;
    }
    div.spacer-waveform {
        height: 50px;
    }
}
@media only screen and (max-width: 800px) {
    div.spacer-waveform {
        height: 100px;
    }
}