.topwrap {
  background: linear-gradient(rgba(76,53,73,0.6),rgba(76,53,73,0.4)), url('../images/summer-2015-002-web.webp');
  background-repeat: no-repeat;
  background-size: cover;  
  background-position: center;
  border-top:3px solid #345B40;
  border-bottom:3px solid #345B40;
  width: 100%;
  padding-top: 30px;
}

.topwrapsub {
  background: linear-gradient(rgba(76,53,73,0.6),rgba(76,53,73,0.4)), url('../images/summer-2015-002-subheader.webp');
  background-repeat: no-repeat;
  background-size: cover;  
  background-position: center;
  border-top:3px solid #345B40;
  border-bottom:3px solid #345B40;
  width: 100%;
  padding-top: 30px;
}

.topwrapsub h2 {
  color:#FFFFFF;
}

.herocontain .h2{
  color: white;
  font-size: 40px;
  font-weight: bold;
  filter: drop-shadow(4px 4px 8px black);

}

.herocontain .h4{
  color: white;
  font-size: 30px;
  filter: drop-shadow(4px 4px 8px black);

}

.navbarwrap {
width:100%;
background-color:#345B40;
border-top:1px solid #284630;
border-bottom:1px solid #284630;
}

.navbarwraphome {
width:100%;
background:hsla(138, 27%, 28%,0.8);
border-radius: 20px;
border:1px solid #284630;
}

.navbar ul li a {
  display: block;
  text-decoration: none;
  color: #E5E5E5;
  padding: 15px 8px 15px 8px;
  white-space: nowrap;
  font-size:20px;
  font-weight:700;
  border-top: 3px;
  border-bottom: 3px;
  border-top-style:solid;
  border-top-color:transparent;
  border-bottom-style:solid;
  border-bottom-color:transparent;
}

.navbar li{
  display: inline-block;
position: relative;
list-style: none;
}

.navbar > ul > li > a:hover 
{
  color: #FFFFFF;
  border-top: 3px;
  border-bottom: 3px;
  border-top-style:solid;
  border-top-color:transparent;
  border-bottom-style:solid;
  border-bottom-color:transparent;
}

.navlogo{
  padding: 10px 0 10px 0;
  height: 200px;
}

.navlogo:hover{
  opacity: 0.8;
}

.drop-item{
  width: 100%;
}

.navbar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 999999;
  background-color: transparent;
}

.navbar .nav-item{
  display: inline-block;
  position: relative;
  margin-top: 5px;
  margin-bottom: 10px;
}

.navbar li ul {
  display:none;
  background-color: #3D5A42;
  z-index: 999999;
}

.navbar > ul > li > ul > li > a:hover {
  border-top:0px;
  border-bottom:0px;
  color:#FFFFFF;
}

.navbar li:hover ul {
  display: block;
  position: absolute;
}


.navbar ul li ul {
  font-size: 20px;
  width: auto;
}

.drop-item{
  float: none;
}

.navbar ul li ul a{
  font-size:20px;
  padding: 7px 20px;
  margin:0px;
  border-top:0px;
  border-bottom:0px;
}

@media screen and (max-width: 39.9375em) {
 #menu {
  display:none;
}
}

@media screen and (max-width: 0em), screen and (min-width: 40em) {
.slicknav_menu {
  display:none;
}
.firstnavli a:first-child {
  padding-left:30px;
}
}