#nav-trigger{display:none;text-align:right}
#nav-trigger span{display:inline-block;padding:10px;background-color:#13243e;color:white;cursor:pointer;text-transform:uppercase}
#nav-trigger span:hover{background-color:#4769a3}
nav{margin-bottom:30px}
nav#nav-main{background-color:#13243e;padding:0}
nav#nav-main ul{list-style-type:none;margin:0;padding:0;text-align:left}
nav#nav-main li{display:inline-block;width:350px;padding:0}
nav#nav-main a{display:block;color:#ffffff;width:310px;font-weight:300;text-decoration:none;padding-left:20px;padding-right:20px}
nav#nav-main a:hover{background-color:#4769a3;color:#fff}
nav#nav-mobile{position:relative;display:none}
nav#nav-mobile ul{display:none;list-style-type:none;position:absolute;padding-left:0;padding-right:0;width:100%;margin:0;text-align:left;background-color:#13243e}
nav#nav-mobile li a{display:block;padding:0;padding-left:3px;padding-right:3px;padding-top:6px;padding-bottom:6px;margin:0;font-weight:300;text-decoration:none;color:white;border-bottom:solid 1px #4769a3}
nav#nav-mobile a{padding:0}
nav#nav-mobile a:hover{background-color:#4769a3;color:#fff}
ul#nav-mobile-ul{max-height:1px;opacity:0;overflow:hidden;transition:max-height 1s ease 0s;}
@media screen and (max-width:1224px){nav#nav-main li{display:inline-block;width:210px;padding:0}
nav#nav-main a{display:block;color:#ffffff;width:190px;font-size:14px;font-weight:300;text-decoration:none;padding-left:10px;padding-right:10px}
}
@media all and (max-width:900px){#nav-trigger{display:block}
nav#nav-main{display:none}
nav#nav-mobile{display:block}
}