@charset "utf-8"; 

.iframe-resize { display:block; width:100% position:relative; }
.iframe-resize::before { content:""; display:block; padding-top:60%; }
.iframe-resize iframe { border:none; position:absolute; top:0; right:0; bottom:0; left:0; }
.resize-frame { width:1600px; height: 850px;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transition:.5s ease;
}

.resize-frame { 
    -webkit-transform:scale(.330); 
    transform:scale(.330); 
}
@media screen and (min-width: 483px) {
    .resize-frame { 
        -webkit-transform:scale(.365);   
        transform:scale(.365);
    }
}
@media screen and (min-width: 576px) {
    .resize-frame { 
        -webkit-transform:scale(.443); 
        transform:scale(.443);
    }
}
@media screen and (min-width: 665px) {
    .resize-frame { 
        -webkit-transform:scale(.511); 
        transform:scale(.511); 
    }
}
@media screen and (min-width: 768px) {
    .resize-frame { 
        -webkit-transform:scale(.588); 
        transform:scale(.588); 
    }
}
@media screen and (min-width: 880px) {
    .resize-frame { 
        -webkit-transform:scale(.677); 
        transform:scale(.677); 
    }
}
@media screen and (min-width: 992px) {
    .resize-frame { 
        -webkit-transform:scale(.763); 
        transform:scale(.763); 
    }
}
@media screen and (min-width: 1024px) {
    .resize-frame { 
        -webkit-transform:scale(.788); 
        transform:scale(.788); 
    }
}
@media screen and (min-width: 1080px) {
    .resize-frame { 
        -webkit-transform:scale(.831); 
        transform:scale(.831); 
    }
}

.resize-frame-embed { width:1600px; height: 800px;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    transition:.5s ease;
    }
    
    .resize-frame-embed { 
        -webkit-transform:scale(.218); 
        transform:scale(.218); 
    }
    @media screen and (min-width: 483px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.302);   
            transform:scale(.302);
        }
    }
    @media screen and (min-width: 576px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.359); 
            transform:scale(.359);
        }
    }
    @media screen and (min-width: 665px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.416); 
            transform:scale(.416); 
        }
    }
    @media screen and (min-width: 768px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.48); 
            transform:scale(.48); 
        }
    }
    @media screen and (min-width: 880px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.55); 
            transform:scale(.55); 
        }
    }
    @media screen and (min-width: 992px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.62); 
            transform:scale(.62); 
        }
    }
    @media screen and (min-width: 1024px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.64); 
            transform:scale(.64); 
        }
    }
    @media screen and (min-width: 1080px) {
        .resize-frame-embed { 
            -webkit-transform:scale(.675); 
            transform:scale(.675); 
        }
    }