body {
    background:#f1f1f1;
    font-family:'Nunito', sans-serif;
    margin:0;
    overflow-x:hidden;
    position:relative;
    max-width:100vw;
}
body, html {
    overflow-x:hidden;
    max-width:100vw;
}
.margined {
    width:1200px;
    max-width:97vw;
    margin-left:auto;
    margin-right:auto;
}
.clear {
    clear:both;
}
.nav-padding {
    height:57px;
    width:100vw;
}
.nav {
    background:#153d87;
    padding:10px 2px;
    width:100vw;
    position:fixed;
    top:0;
    -webkit-box-shadow: 0px 0px 42px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 42px -2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 42px -2px rgba(0,0,0,0.5);
    z-index:999;
}
.logo-container {
    text-decoration:none;
    display: block;
    width:200px;
    float:left;
}
.logo-container > h2 {
    margin:0;
    width:200px;
    text-align:right;
    color:#f1f1f1;
    letter-spacing:1px;
    transition:.3s ease all;
}
.logo-container > h2 > span {
    color:#ebab22;
}
.logo-container > p {
    margin:-10px 0 0 0;
    text-align:right;
    font-weight:lighter;
    width:200px;
    color:#ebab22;
    letter-spacing:0px;
    overflow:hidden;
    transition:.3s ease all;
    height:20px;
    position:relative;
}
.logo-container > p > span {
    transition:.3s ease all;
    position:absolute;
    right:0;
}
.logo-container:hover > p > span {
    margin-top:-22px;
}
.nav-option {
    float:right;
    color:#f1f1f1;
    font-weight:bold;
    font-size:20px;
    padding:10px 20px;
    text-decoration:none;
    transition:.3s ease all;
}
.nav-option:hover {
    color:#ebab22;
}
.active-nav {
    color:#ebab22;
}
@media only screen and (max-width: 800px) {
    .nav-option {
        display:none;
    }
    .menu-icon {
        display:block !important;
    }
    .nav {
        padding-bottom:0;
    }
}
.menu-icon {
    position:relative;
    display:none;
    width:60px;
    height:60px;
    float:right;
    margin-right:5px;
}
.menu-icon > span {
    width:65%;
    height:10%;
    top:20%;
    background:#f1f1f1;
    position:absolute;
}
.menu-icon > span:nth-of-type(2n) {
    top:40%;
}
.menu-icon > span:nth-of-type(3n) {
    top:60%;
}
.mobile-nav {
    transition:.3s ease all;
    margin-top:-300px;
    width:100vw;
    height:auto;
    color:#f1f1f1;
    background:#153d87;
    position:absolute;
    z-index:998;
    border-top:3px solid #fff;
}
.mobile-nav > a {
    border-bottom:3px solid #fff;
    display:block;
    width:100%;
    text-align:center;
    padding:20px 0;
    color:#fff;
    text-decoration:none;
    font-size:22px;
    font-weight:bold;
    transition:.2s ease all;
}
.mobile-nav > a:hover {
    background:#3767bf;
}