/* For Mobile under 601px */
.burger-line, .burger-line1{
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.8;
  border-radius: 3px;
  width: 50px;
  height: 8px;
  margin: 0px;
  overflow: hidden;
}

@media only screen and (min-device-width: 768px){
.burger-line{
  width: 35px;
  height: 5px;
  margin: 0px 0;
}
.burger-line1{
  width: 35px;
  height: 5px;
  margin: 0px 0;
}}

/* The container needed to position the dropdown content */
.burger {
  position: fixed;
  display: inline-block;
  top: 30px;
  left: 20px;
  z-index: 99;
}

/* Dropdown Content (Hidden by Default) */
.burger-content {
  display: none;
  position: absolute;
  background-color: #254D17;
  opacity: 0.9;
  border-radius: 9px;
  min-width: 940px;
  margin-top: 44px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,1.2);
  z-index: 99;
}
/* Links inside the dropdown */
.burger-content a {
  display: block;
  border-radius: 9px;
  color: #E4E4E4;
  font-family: 'proxima-nova', helvetica, sans-serif;
  font-size: 2.8em;
  text-align: center;
  text-decoration: none;
  padding: 26px 26px;
}


@media only screen and (min-device-width: 768px){
/* The container needed to position the dropdown content */
.burger {
  width: 35px;
  height: 45px;
  top: 30px;
  left: 20px;
  z-index: 80;
}

/* Dropdown Content (Hidden by Default) */
.burger-content {
  min-width: 230px;
  margin-top: 10px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,1.2);
}
/* Links inside the dropdown */
.burger-content a {
  padding: 10px 10px;
  font-size: 1.5em;
  border-radius: 9px;
}}


/* Change color of dropdown links on hover */
.burger-content a:hover {background-color: #0D8016;}

/* Show the dropdown menu on hover */
.burger:hover .burger-content {display: block;}
.burger1:hover .burger-content {display: block;}