html, body{margin:0;padding:0;width:100%;height:100%;}
a{text-decoration:none;}
.site-wrap{width:100%;height:100%;}
header{height:70%;background:#324B63;position:relative;}
header .back{width:100%;height:100%;background-image:url("../img/leasing.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0.3;}
header h1{color:#fff;font-family:'Montserrat', sans-serif;letter-spacing:1px;font-size:3em;font-weight:100;position:absolute;top:30%;line-height:1.5em;border-bottom:3px solid white;width:90%;left:0;right:0;margin:auto;}
.mobileMenu .head{color:#fff;width:100%;background:#000;text-align:center;opacity:0.8;margin:0;position:fixed;z-index:10;height:50px;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:1rem;font-family:'Montserrat', sans-serif;line-height:1em;}
.mobileMenu .head a{text-decoration:none;color:#fff;display:block;padding:15px;padding-top:20px;}
.mobileMenu .head a .menu-icon{position:absolute;top:1rem;right:2em;}
.mobileMenu .head a .menu-icon i{color:#fff;font-size:1.5rem;}
.mobileMenu .content{background:#000;opacity:0.9;top:50px;position:fixed;width:100%;z-index:10;display:none;font-family:'Montserrat', sans-serif;font-size:0.9rem;}
.mobileMenu .content ul{list-style:none;margin:0;padding:0;padding-top:10px;padding-bottom:30px;}
.mobileMenu .content ul li{text-align:center;margin:auto;padding:10px;width:80%;text-transform:uppercase;letter-spacing:2px;font-weight:600;margin-top:10px;}
.mobileMenu .content ul a{text-decoration:none;color:#fff;display:block;}
.mobileMenu .content ul a.active{color:#B40431;}
nav{display:none;width:100%;height:6em;position:fixed;top:0;left:0;z-index:10;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
nav .logo{display:none;position:absolute;top:1.3em;left:1em;width:14em;height:4em;background-image:url(../img/logo.png);background-size:contain;background-position:center;background-repeat:no-repeat;}
nav .container{width:40em;margin:auto;margin-top:2em;}
nav .container ul{list-style:none;margin:0;padding:0;}
nav .container ul li{display:inline-block;margin:0.2em;padding:0.5em;font-family:'Josefin Sans', sans-serif;font-size:1.2em;color:#C0C4C7;}
nav.menuActive{background:#fff;border-bottom:2px solid #f5f6f7;}
nav.menuActive .container ul li{color:#8C8B8B;}
nav .container ul li:hover{color:#fff;}
nav.menuActive .container ul li:hover{color:#404040;}
section{background:#f5f6f7;padding:3em 0em;}
section .container{width:90%;margin:auto;}
section .container p, section .container ul{color:#7B7B7B;font-size:1em;line-height:2em;padding:0 2em;font-family:'Fjord One', serif;}
section .container ul {margin-left: 3em;}
section .container h2{font-weight:800;font-family:'Josefin Sans', sans-serif;letter-spacing:2px;border-bottom:2px solid;color:#7B7B7B;}
footer{width:100%;height:10em;background:#2A2A3C;position:relative;}
footer .button{border:1px solid #777786;padding:1em;margin:auto;width:13em;position:absolute;top:2.5em;left:0;right:0;border-radius:30px;font-family:'Montserrat', sans-serif;font-size:1.2em;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-align:center;color:#fff;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;cursor:pointer;}
footer .button:hover{background:#8E0000;}
.author{background:#EAEAEA;width:100%;text-align:center;text-transform:uppercase;font-weight:700;padding:1em 0;color:#b7b7b7;font-size:0.6em;font-family:sans-serif;letter-spacing:0.5px;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;}
.author:hover{color:#404040;}
@media only screen and (min-width:40em){.mobileMenu{display:none;}
nav{display:block;}
header h1{width:80%;font-size:4em;}
section{padding:7em 2em;}
section .container{width:85%;margin:auto;}
}
@media only screen and (min-width:64em){nav.menuActive .logo{display:block;}
section{padding:7em 4em;}
section .container{width:90%;margin:auto;}
}