*{box-sizing:border-box;list-style:none}
body,html{height:100%;margin:0;font:400 15px/1.8 Hack,monospace;color:#777;text-align:center}
#menu{position:fixed;top:0;left:0;width:100vw;padding:1.5vh 0;color:#000;background-color:#fff;height:7.5vh;z-index:1}
#menu a{margin:0 20px;width:5vw;height:5vh}
#menu a:hover{transform:scale3d(1.2,1.2,2)}
#menu a input{vertical-align:100%}
a{text-decoration:none}
ul{padding:0}
#action-call:hover{transform:scale3d(2.5,2.5,2);box-shadow:inset 0 0 10px 1px rgba(17,17,17,.712),0 0 10px 2px rgba(255,255,255,.7);padding:14px;font-size:22.5px}
.flex{display:flex}
.col{flex-direction:column}
.justify-center{justify-content:center}
.justify-around{justify-content:space-around}
.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-4,.bgimg-5,.bgimg-6,.bgimg-7,.bgimg-8,.bgimg-9{position:relative;opacity:.65;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}
.bg-top-bottom{min-height:100%}
.bg-middle{min-height:600px}
article{min-height:400px;padding:50px}
.logo-icon{width:5vw;height:5vh}
.logo{display:block;height:35vh;width:35vh;border-radius:50%;margin:0 auto}
.bgimg-1{background-image:url("assets/img/parallax-1.jpeg");background-position:center}
.bgimg-2{background-image:url("assets/img/parallax-2.jpeg")}
.bgimg-3{background-image:url("assets/img/parallax-3.jpeg")}
.bgimg-4{background-image:url("assets/img/parallax-4.jpeg")}
.bgimg-5{background-image:url("assets/img/parallax-5.jpeg")}
.bgimg-6{background-image:url("assets/img/parallax-6.jpeg")}
.bgimg-7{background-image:url("assets/img/parallax-7.jpeg")}
.bgimg-8{background-image:url("assets/img/parallax-8.jpeg")}
.bgimg-9{background-image:url("assets/img/parallax-9.jpeg")}
.caption{position:absolute;left:0;width:100%;text-align:center;color:#000}
.top{top:30%}
.bottom{top:50%}
.caption span.border,a.border{background-color:#111;color:#aaa;padding:18px;font-size:25px;letter-spacing:10px;text-shadow:0 0 2px #444,0 0 4px #666;box-shadow:inset 0 0 10px 3px rgba(0,0,0,.95);border-radius:3px}
.light{background-color:transparent;font-size:25px;color:#f7f7f7}
.dark{background-color:#f5f5f5;font-size:25px;color:#777}
h3{letter-spacing:5px;text-transform:uppercase;font:20px Lato,sans-serif;color:#111;text-align:center}
footer nav{position:sticky;bottom:15vh;left:0;padding:2.5vh 0}
@media all and (max-device-width:1024px){
#menu{position:fixed;top:0;left:0;width:100vw;padding:1.5vh 0;color:#000;background-color:#fff;height:10vh;z-index:1}
#menu a{margin:0 17px}
#menu a:last-child{display:none}
.bgimg-1,.bgimg-2,.bgimg-3,.bgimg-4,.bgimg-5,.bgimg-6,.bgimg-7,.bgimg-8,.bgimg-9{background-attachment:scroll}
}