@charset "UTF-8";


/* Animations */

#animations {
    z-index:1;
    position:fixed;
    top:0; left:0;
    width:100%;
    height:100%;
    opacity:0;
    pointer-events:none;
    -webkit-transition:opacity 0.6s ease-in-out;
            transition:opacity 0.6s ease-in-out;
}

#animations.active {opacity:1;}




/* RESPONSIVE ADJUSTMENTS */


@media only screen 
and (max-width : 747px) {
    
    #animations .cloud_large_2,
    #animations .cloud_large_4,
    #animations .cloud_medium_2,
    #animations .cloud_medium_3,
    #animations .cloud_medium_4 {display:none;}

}

@media only screen 
and (max-width : 666px) {

	.animations {display:none;}

}