nav {
background : transparent;
box-shadow : none;
color : #111;
}

nav ul {
margin: 0;
}

nav ul a {
transition : background-color 0.3s;
text-transform : none;
font-size : 13px;
font-weight : 600;
color : #111;
display : block;
padding : 0;
margin: 0 25px 0 0;
cursor : pointer;
}

#cd-logo {
position : relative;
left : 0;
margin : 0;
padding : 0;
vertical-align : middle;
}

#cd-logo img {
max-width : 96px;
margin: 10px 0 0 0;
}

nav, nav, nav.sub-menu, nav.footer-menu {
background-color : transparent;
}

.cd-morph-dropdown nav ul li:hover, 
.cd-morph-dropdown nav ul li:hover {
background-color: transparent;
}

nav ul li a, nav.sub-menu ul li a, nav.footer-menu ul li a {
color : #222;
}

nav.sub-menu ul {
margin : 0;
}

nav.sub-menu {
transition : all 0.2s linear;
}

nav.sub-menu.alt-color {
background-color : blue;
}

.menu-toggle {
display : none;
position : absolute;
top : 0;
right : 10px;
overflow : hidden;
margin : 0;
padding : 0;
width : 40px;
height : 40px;
font-size : 0;
text-indent : -9999px;
box-shadow : none;
border : none;
cursor : pointer;
color : rgba(54, 109, 184, 1);
background-color : #fff;
transition : background 0.3s;
border-radius : 0;
}

.menu-toggle span {
display : block;
position : absolute;
top : 45%;
left : 10px;
right : 10px;
height : 2px;
color : rgba(0, 0, 0, 1);
background-color : rgba(0, 0, 0, 1);
transition : background 0s 0.3s;
}

.menu-toggle.is-active, button:focus {
color : rgba(0, 0, 0, 1);
background-color : #fff;
}

.menu-toggle span::before, .menu-toggle span::after {
position : absolute;
display : block;
left : 0;
width : 100%;
height : 2px;
background-color : rgba(0, 0, 0, 1);
content : "";
transition-duration : 0.3s, 0.3s;
transition-delay : 0.3s, 0s;
}

.menu-toggle span::before {
top : -7px;
transition-property : top, transform;
}

.menu-toggle span::after {
bottom : -7px;
transition-property : bottom, transform;
}

.menu-toggle:focus {
outline : none;
}

.menu-toggle.is-active span {
background : none;
}

.menu-toggle.is-active span:before {
top : 0;
transform : rotate(45deg);
}

.menu-toggle.is-active span:after {
bottom : 0;
transform : rotate(-45deg);
}

.menu-toggle.is-active span::before, .menu-toggle.is-active span::after {
transition-delay : 0s, 0.3s;
}

@media only screen and (max-width:992px) {
  .menu-toggle {
  display : block;
  margin: 16px;
  }

  .header-container .nav.main-menu {
  display : block;
  top : 100%;
  right : 0;
  background : white;
  max-height : 0;
  width: 100%;
  height : auto;
  overflow : hidden;
  z-index: 1;
  text-align: right;
  transition : max-height 0.5s;
  }

  .header-container .nav {
  margin-top : 0;
  }

  .header-container .nav.is-open {
  margin-top : 10px;
  max-height : 800px;
  transition : max-height 0.5s;
  background-color : rgba(255, 255, 255, 1);
  z-index: 1;
  }

  .header-container {
  padding-top : 0;
  padding-bottom : 0;
  }

  .header-container .nav ul {
  float : none;
  padding : 0;
  }

  .header-container .nav li {
  width : 100%;
  display : block;
  padding-left : 4px;
  text-align : center;
  font-size: 16px;
  height : 40px;
  line-height : 40px;
  margin-bottom: 2px;
  }

  .header-container .nav li:last-child {
  margin-bottom: 0;
  }

  .header-container .nav a {
  color : #111;
  letter-spacing : 0.05em;
  font-size : 11px;
  vertical-align : middle;
  height : 50px;
  line-height : 50px;
  padding : 0 15px;
  font-weight : 700;
  text-transform : uppercase;
  letter-spacing : 0.15em;
  }

  .header-container .nav a.social {
  padding : 10px 0;
  }
   
}

@media only screen and (max-width:600px) {
  .header-container nav.nav {
  height : auto;
  width : 100%;
  right : 0;
  background-color : rgba(255, 255, 255, 1);
  }

  .header-container, .main-wrapper {
  position : relative;
  }

  #cd-logo {
  display : block;
  width : 100%;
  }
}