/* loader */

.loader{position: relative; top: 40vh; margin: auto; width:8vw; font-family: sans-serif; color: #fff; text-align: center}
.loaded .loader{height: 0; width: 0; position: relative; top: 50vh; background: #dad; margin: auto; display: none}

body.unloaded main, 
body.unloaded footer,
body.unloaded header,
body.unloaded > div:not(.loader) { height: 0; visibility: hidden; display: none;}

body.unloaded{ background-color:#1a4a78 }

/* maps presizing */
.map{ height: 300px; }

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

    .loader{ width:10vw;}

}
@media screen and (max-width: 920px) {

    .loader{ width:15vw;}

}
@media screen and (max-width: 540px) {

    .loader{ width:30vw;}

}