.vimeoframe
{
    position: relative;
    padding-bottom: 52%;
    padding-top: 30px;
    height: 0;
    overflow: auto; 
}

.vimeoframe iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (min-width: 951px) {
    .vimeovideo
    {
        width: 650px;
        height: 366px;
    }
    
    .vimeofront
    {
        width:100%;
        height:338px;
    }
}

@media only screen and (max-width: 950px) {
    .vimeovideo
    {
        width: 600px;
        height: 337px;
        
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
    
    .vimeofront
    {
        width:100%;
        height:200px;
    }
}

@media only screen and (max-width: 900px) {
    .vimeovideo
    {
        width: 600px;
        height: 337px;
        
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
}

@media only screen and (max-width: 650px) {
    .vimeovideo
    {
        width: 550px;
        height: 310px;
        
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
    .vimeofront
    {
        width:100%;
        height:170px;
    }
}

@media only screen and (max-width: 599px) {
     .vimeovideo
    {
        width: 325px;
        height: 183px;
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
}

@media only screen and (max-width: 350px) {
     .vimeovideo
    {
        width: 300px;
        height: 169px;
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
}

@media only screen and (max-width: 320px) {
     .vimeovideo
    {
        width: 250px;
        height: 169px;
    }
    .videocontainer
    {
        text-align:center;
        width:100%;
    }
}