@charset "UTF-8";
/* Nav + Scroll */
#navigation {display: block;}
header {position: fixed; top: 0; left: 0; width: 100%; padding: .5rem 0; z-index: 3; will-change: transform; transition: background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s; transition: transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1), background 0.3s, -webkit-transform 0.5s cubic-bezier(0.694, 0.048, 0.335, 1); transform: translateY(0); -webkit-transform: translateY(0); min-height: 36px; margin: auto;}

a {text-decoration: none; color: rgba(238, 235, 221, 0.8); transition: 0.3s ease-in-out; }
a:hover, a :focus {color: #FFF;}

.menu-left a {display: inline-block; position: relative; transition: color .35s ease; font-size: 1.5rem; font-weight: 600; margin: 0 40px;}
.menu-left a:last-child {margin: 0 0 0 40px;}
.menu-left a:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; height: 2px; width: 0; transition: width 0s ease, background .35s ease;}
.menu-left a:after {content: ''; display: block; position: absolute; right: 0; bottom: 0; height: 2px; width: 0; background: #FFF; transition: width .35s ease;}
.menu-left a:hover:before {width: 100%; background: #FFF; transition: width .35s ease;}
.menu-left a:hover:after {width: 100%; background: transparent; transition: all 0s ease;}

header nav .logo {float: left; padding: 0; margin: 0; line-height: inherit; font-weight: 500; color: black;}
header nav .logo:after {content: ''; display: table; clear: both;}
header nav ul {list-style: none; padding-left: 0; margin: 0;}
header nav ul li {float: none; margin-left: 0;}
header nav ul li a {display: block;}
.hide-nav {transform: translateY(-120% !important;) -webkit-transform: translateY(-120%) !important;}

ul.menu-left {display: block; max-height: 0; overflow: hidden; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 10;}
ul.menu-left:before {content: ''; display: table; clear: both;}
ul.menu-left.collapse {max-height: 15em !important;}

.nav-toggle {display: block; margin-top: 10px; margin-right: 0px; border-radius: 5px; background-color: transparent; float: right; height: 24px; width: 40px; cursor: pointer; padding: 8px 8px;}
.nav-toggle.open span:first-child {transform: rotate(45deg) translate(4.4px, 4.4px);}
.nav-toggle.open span:nth-child(2) {width: 0%; opacity: 0;}
.nav-toggle.open span:last-child {transform: rotate(-45deg) translate(4.4px, -4.4px);}
.nav-toggle span {position: relative; display: block; height: 2px; width: 100%; margin-top: 4px; background-color: #FFF; transition: all .25s;}

@media (min-width: 770px) {
ul.menu-left {display: block !important; float: right; max-height: none; margin-top: 28px;}
.nav-toggle {display: none;}
header nav ul li {float: left;}
}

@media (min-width: 576px) {
header nav ul li a {display: block; padding: .425rem 0rem;}
}

@media (max-width: 840px) {
.menu-left a {font-size: 1.2rem;}
}

@media (max-width: 769px) {
ul {clear: both;}
ul li {padding: .5em 0;}
.menu-left a {margin: 2% 0!important;}
}