@media only screen and (max-width: 850px) {
    .body_spacer { width: 99%; }
}
@media only screen and (max-width: 650px) {
    .left { float: none; }
    .right { float: none; }

    .medium-font { font-size: 14px; }

    .video-link { width: 100%;margin: 0; }
    .video-link > .video-img > .title > .title-text { font-size: 12px; }

}

@media only screen and (min-width: 651px) and (max-width: 800px) {
    .video-link { width: 31%;margin: 0 8px 5px; }
    .video-link:last-child { margin-right: 0; }
}

@media only screen and (min-width: 801px) and (max-width: 1010px) {
    .body_spacer { width: 99%; }
    .video-link { width: 31%;margin: 0 10px 5px; }
    .video-link:last-child { margin-right: 0; }
}