/*.video-thumbnail {
    max-width: 250px;
    max-height: 160px;
    border: 1px solid grey;
}*/

.video-thumbnail {
    max-width: 188px;
    max-height: 120px;
    border: 1px solid grey;
}

.control-box {   
    float: right;
}

.title a {
    color: inherit;
}


hr {
    border: none;
    border-top: 1px solid grey;
    color:grey;
    overflow: visible;
    text-align: center;
    height: 5px;
}

.section-seperator {
    margin-top: 20px;
}

.chorus {
    font-style: italic;
}

.image-button {
    margin-top: 5%;
    margin-left: 10%;
    margin-right: 10%;
}

.logo-image {
    max-width: 73px;
    max-height: 133px;
}

.quote {
    font-style: italic;
    font-size: 90%;
}

@media screen and (max-width: 600px) {
    .video-thumbnail {
        max-width: 149px;
        max-height: 95px;
        border: 1px solid grey;
    }

    .control-box {   
        float: left;
    }

    .title {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .title:not:last-child {
        margin-bottom: .5rem;
    }

    .section {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    hr {
        margin: .3rem 0;
    }

}