/* make youtube responsive - changed aspect ratio from 56% to 100% for square videos */
.square-responsive {
    position: relative;
    padding-bottom: 100%;
}

.square-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

/* new video info section from KM at upright */
.video-info {
    background: #fff;
    padding: 2em;
    border-radius: 12px;
    margin-top: 20%;
    /* adjust this percentage to center text area */
    box-shadow: 0px 0px 35px -15px black;
}

.video-info p {
    font-size: 20px;
}

.video-info p:before {
    content: "“ ";
}

.video-info p:after {
    content: " ”";
}

@media only screen and (max-width: 1199px) {
    .video-info {
        margin-top: 20px;
    }

    .video-info p {
        font-size: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .square-responsive video {
        border-radius: 12px 12px 0px 0px;
    }
}

@media only screen and (max-width: 767px) {
    .video-info {
        border-radius: 0px 0px 12px 12px;
        margin-top: 0px;
    }
}

.video-info blockquote {
    border-left: none;
}