@charset "UTF-8";


/* Sections */

.section {
    z-index:2;
    position:absolute;
    top:50vh; left:0;
    position:relative;
    width:100%;
    margin-top:-176.5px;
}

.section_wrapper {
    width:100%;
    max-width:580px;
    height:100%;
    padding:0 30px;
    margin:0 auto; 
}


/* RESPONSIVE ADJUSTMENTS */


/* Width */

@media only screen 
and (max-width : 747px) {.section {margin-top:-192px;}}

@media only screen 
and (max-width : 469px) {.section {margin-top:-203px;}}

@media only screen 
and (max-width : 415px) {
    
    /* Sections */
    .section {margin-top:-190px;}
    .section_wrapper {padding:0 10px;}
    
}

@media only screen 
and (max-width : 409px) {.section {margin-top:-200.5px;}}


/* iPhone Portrait (offset toolbar) */

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 736px)
and (orientation: portrait) {
    .section {
        -webkit-transform:translate3d(0,-32.5px,0);
        	    transform:translate3d(0,-32.5px,0);
    }
}


/* Height */

@media only screen 
and (max-height : 492px) {

    /* Sections */
    
    .section {
        position:relative;
        top:0;
        padding-top:40px;
        margin-top:0;
    }
    
}