.facebook {
    position: absolute;
    top: 80px;
    right: 16px;
}

.video {
    margin-right:-15px;
    border-width: medium;
}

.video a {
    float: left;
    padding-right: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.video iframe {
    display:block;
    transition: all .2s ease-in-out;
}

.thumbnails {
    margin-right:-15px;
    border-width: medium;
}

.thumbnails a {
    float: left;
    width: 25%;
    padding-right: 15px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.thumbnails img {
    display:block;
    transition: all .2s ease-in-out;

}

.thumbnails:hover img  {
    opacity: .6;
    transform: scale(.92);
}

.thumbnails img:hover {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

img {
    max-width:100%;
    height: auto;
}

iframe {
    max-width:100%;
    height: auto;
}
/*
 Min-width checks if it is == min-width: intpx;
 run this {
 }

 same goes with max if it is == max-width: input;
 run this;


@media screen and (max-width: 560px) {
    .video {
        width:100px;
    }
}

@media screen and (max-width: 991px) {
    .facebook {
        display: none !important;
    }
}
 */

@media screen and (max-width: 1250px) {
    .video {
        width:192px;
    }
}