* {
  box-sizing: border-box;
}


.wrapper {
width: 100%;
margin: 0 auto;
}


.logo {
color: #4a4a4a;
font-size: 1.5rem;
margin: 0;
padding-top: 24px;
padding-left: 20px;
font-weight: 700;
height: 65px;
background-color: #edebec;
font-family: Montserrat;
}

.logo span {
font-weight: 400;
}


.menu-toggle {
position: absolute;
padding: 0.8em;
top: 1em;
right: .5em;
cursor: pointer;
z-index: 50000;
}

.hamburger,
.hamburger::before,
.hamburger::after {
content: '';
display: block;
height: 3px;
width: 2em;
border-radius: 3px;
-webkit-transition: all ease-in-out 350ms;
transition: all ease-in-out 350ms;
background-color: #4a4a4a;		
}

.hamburger::before {
-webkit-transform: translateY(-7px);
        transform: translateY(-7px);
}

.hamburger::after {
-webkit-transform: translateY(4px);
        transform: translateY(4px);
}

.open .hamburger {
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}

.open .hamburger::before {
display: none;
}

.open .hamburger::after {
-webkit-transform: translateY(-1px) rotate(-90deg);
        transform: translateY(-1px) rotate(-90deg);
}


nav {
  margin: 0;
  padding: 0;
font-family: Montserrat;
font-size: 17px;
}

nav ul {
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: none;
}

nav ul.opening {
  display: block;
  height: 30px;
}

nav li {
border-bottom: 1px solid #f6f4e2;
position: relative;
z-index: 50000;
}
nav li:last-child {
border-bottom: none;
}
nav a {
color: #4a4a4a;
font-weight: 400;
background: #f8f7f7;
display: block;
padding: 1.5em 4em 1.5em 3em;
text-decoration: none;
}

nav a:hover{
color: #009bdb;
}

nav a:focus {
background: #edebec;
}

.site-nav--icon {
font-size: 1.4em;
margin-right: 1em;
width: 1.1em;
text-align: right;
color: rgba(255,255,255,.4);
}



@media (min-width: 992px) {

.menu-toggle {
  display: none;
}


nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    justify-content: center;
    text-align: center;
    background-color: #edebec;
  }

nav ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
font-weight: 700;
}



nav li {
   flex: 1 1 auto;
   border: none;
}

nav li a {
     padding: 1.5em 1.3em 1.5em 1.3em;
     margin: 0;
     border: none;
     background-color: #edebec;
  }

nav a:hover,nav a:focus {
    background-color: rgba(255,255,255,.10);
text-decoration: none;
  }

.logo {
    flex: 0 0 200px;
    margin: 0;
    padding-left: 20px;
  display: none;
}

.site-nav--icon {
  display: none;
  }
  }

 
.dropdown-menu {
  margin-top: 0 !important;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #edebec;
  background-clip: padding-box;
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  }

 
.dropdown-menu>li>a {
  font-size: 17px;
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  }

  .meganav{
      color: #39a835 !important;
  }

  .meganav:hover{
      color: #39a835 !important;
  }

  .meganav:visited{
    color: #39a835 !important;
}


  .plantanav{
      color: #009bdb !important;
  }

 .plantanav:hover{
      color: #009bdb !important;
  }

  .plantanav:visited{
    color: #009bdb !important;
}


  .emisarionav{
      color: #ee6436 !important;
  }

  .emisarionav:hover{
      color: #ee6436 !important;
  }

  .emisarionav:visited{
    color: #ee6436 !important;
}


@media (max-width: 992px) {
	.dropdown-menu.show {
    display: contents !important;
}

.dropdown-menu>li>a {
    padding: 1px 50px 13px;
    }
}