#feature{background-color: #97D4E9;}

#feature_txt{ text-align: left; }

#feature_txt h3 {padding-bottom: 2%;}

#feature_txt h4{ padding-top: 2%;}

#feature_txt h3,h4 {
font-family: 'Catamaran', 'Open Sans', sans-serif;
color: #002145;
background-color: #97D4E9;
padding-right: 2%; 
margin: 0;
}

/* Extra small devices (phones, 512px and down) */
@media only screen and (max-width: 512px) {

  #feature_txt h3,h4 {padding-left: 4%; }

   #feature_txt h3{
    font-size: 1.5em;
    font-weight: 121;
   }
 
}

/* Small devices (portrait tablets and large phones) */
@media only screen and (min-width: 512px) {

#feature_txt h3,h4 { padding-left: 3%; }

#feature_txt h3 { font-size: 1.7em; }

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

#feature_txt h3 { font-size: 1.8em;}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

#feature_txt h3 { font-size: 2em;}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

#feature_txt h3 { font-size: 2.1em;}

}

.back-to-home{

display: block; 
margin:10 px; 
}


/* TESTING CLASS BASED MENU BAR */ 

.dropbtn3 {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.dropbtn3:hover, .dropbtn3:focus {
  background-color: #2980B9;
}

.dropdown3 {
  position: relative;
  display: inline-block;
}

.dropdown3-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown3-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown3 a:hover {background-color: #ddd;}

.show3 {display: block;}


/*Mobile Nav*/ 

/*Positions and styles hamburger icon in header-menu*/

.mobileNav { float:left;width:500px;}

#burger-icon{

  font-size: 1.5em;
  text-decoration: none;
  color: white; 
  margin-right: auto;
  margin-left: auto;
  padding-left: 7.5px;
  padding-right: 7.5px;
  border-radius: 0.25rem; 
  border:1px solid white
  
}

/*positions and adds styling to links in sub-menu*/

#mobMenLinks{
 
background-color: #97D4E9;
padding-top: 2.5%; 
margin-top: 1.5%; 

}

.topLinks { background-color: #002145;}

.deadSubLink, .deadSubLink:hover, .deadSubLink:active, .deadSubLink:visited, .deadSubLink:focus { text-decoration:none; outline: none;}

.topLinks a { color: white; font-size: 3.5vw;}

#CPE-main-menLink, #browse-menLink{
padding-left: 10px;
padding-top:3.5%;
padding-bottom: 3.5%; 
}

#browse-menLink{ border-top :1px solid #97D4E9;}

#cpeLinks a, #browseLinks a {

display: block; 
padding-left: 10px; 
padding-top: 2%;
padding-bottom: 2%; 
font-size: 3.1vw; 
}

.topLinks .activeSubLinks a:hover{

color: #002145; 
background-color:white; 
text-decoration: none; 
}

/*Adds padding above last sub-link in sub-menu*/
#cpeLinks, #browseLinks{ padding-bottom: 1%; } 
 
/*Keeps sub-menu divs hidden*/ 
#mobMenLinks, #cpeLinks, #browseLinks{
display: none;
} 

/* Dropdown Arrow Positioning*/
.cus-arrow-men{
 float: right; 
 width: 20px; 
 padding-right: 38px; 
}