/*
.videos{
    text-align: center;
    margin: 5%;
}

.video{
    float:left;
    width: auto;
    margin: 0 15px;
}
*/

@media only screen and (min-width: 1200px) {
    .videos{
        float:left;
        text-align: center;
        margin: 5%;
    }
    
    .video{
        float:left;
        width: auto;
        margin: 0 15px;
    }


}


@media only screen and (min-width: 600px) and (max-width: 1200px) {
    .video{
        float:left;
        width: 100%;
        margin: 0 15px;
    }

    .videos{
        float:left;
        text-align: center;
        margin: 5% 2% 0% 14%;
    }

    iframe{
        width: 100%;
        height: 30%;
        margin:1%;
    }

}