/*! wrap */
body { opacity: 0; transition: opacity 0.4s; } 
#wrap { } 
#wrap > .container { position: relative; } 

/*! mask */
body.hold { overflow: hidden; } 
#overlay-mask { position: fixed; top:0; left: 0; width: 100%; height: 100%; backdrop-filter: blur(10rem); -webkit-backdrop-filter:blur(10rem); display: none; } 

/* layout */
.wrap { width: 100%; } 
.wrap-large { width: 1520rem; margin: 0 auto; } 
.wrap-medium { width: 1300rem; margin: 0 auto; } 
.wrap-small { width: 640rem; margin: 0 auto; } 
.wrap-tiny { max-width: 360px; margin: 0 auto; } 

@media all and (max-width:1600px) {
    .wrap-large { width: 100%; padding: 0 30rem; margin: 0; } 
}


@media all and (max-width:1340px){
    .wrap-medium { width: 100%; padding: 0 20rem; margin: 0; } 
    .wrap-large {padding: 0 20rem;}
}
@media all and (max-width:660px){
    .wrap-large { padding: 0 16rem; } 
    .wrap-medium { padding: 0 16rem; } 
    .wrap-small { width: 100%; padding: 0 20rem; margin: 0; } 
}