@charset "UTF-8";


/* Sections */

.section {
    position:absolute;
    top:0; left:0;
    width:100vw;
    min-width:320px;
    height:100%;
    min-height:568px;
    max-height:100vh;
    padding:60px;
    pointer-events:none;
}


/* Building */

#building {padding:50px 40px 25px;}


/* Hero */

#hero {padding-top:130px;}


/* Footer */

#footer {padding-bottom:45px;}


/* Fake Timers */

#fake_timer_1,
#fake_timer_2,
#fake_timer_3 {
    visibility:hidden;
    width:0; 
    height:0; 
}


.add_delay_1 {
    -webkit-animation:add_delay_1 0.4s;
            animation:add_delay_1 0.4s;
}
@-webkit-keyframes add_delay_1 {from {opacity:1;} to {opacity:1;}}
        @keyframes add_delay_1 {from {opacity:1;} to {opacity:1;}}


.add_delay_2 {
    -webkit-animation:add_delay_2 1.4s;
            animation:add_delay_2 1.4s;
}
@-webkit-keyframes add_delay_2 {from {opacity:1;} to {opacity:1;}}
        @keyframes add_delay_2 {from {opacity:1;} to {opacity:1;}}


.add_delay_3 {
    -webkit-animation:add_delay_3 1.2s;
            animation:add_delay_3 1.2s;
}
@-webkit-keyframes add_delay_3 {from {opacity:1;} to {opacity:1;}}
        @keyframes add_delay_3 {from {opacity:1;} to {opacity:1;}}



/* Responsive */

@media only screen and 
(max-height : 899px),
(max-width : 1279px) {
    
    
    /* Sections */
    
    .section {padding:50px;}
    
    
    /* Building */

    #building {padding-bottom:20px;}
    
    
    /* Hero */

    #hero {padding-top:110px;}
    
    
    /* Footer */

    #footer {padding-bottom:35px;}
    
    
}

@media only screen and 
(max-height : 767px),
(max-width : 1023px) {
    
    
    /* Sections */
    
    .section {padding:40px;}
    
    
    /* Building */
    
    #building {padding-top:40px;}
    
    
    /* Hero */

    #hero {padding-top:90px;}
    
    
    /* Footer */

    #footer {padding-bottom:25px;}
    
    
}

@media only screen and 
(max-height : 569px),
(max-width : 569px) {
    
    
    /* Sections */
    
    .section {padding:20px;}
    
    
    /* Building */
    
    #building {padding:20px 20px 10px;}
    
    
    /* Hero */

    #hero {padding-top:20px;}
    
    
}