@charset "UTF-8";
/* CSS Document */

.wellnav {
	padding-top: 10px;
  padding-bottom:1px;
}


.navbar {
font-family: "Roboto", sans-serif;
font-variant-caps: all-small-caps;
  overflow: hidden;
  background-color: #4e66b0;; 
	height: 35px;
}

.navbar a {

  float: left;
  font-size: 14px;
  color: white;
  text-align: center;
  padding: 4px 16px;
  text-decoration: none;
}

.subnav {
  float: left;
  overflow: hidden;
}

.subnav .subnavbtn {
  font-size: 14px;  
  border: none;
  outline: none;
  color: white;
  padding: 4px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: #00a1dd;
}

.subnav-content {
  display: none;
  position: absolute;
  left: 10;
  background-color: #00a1dd;
  width: auto;
  z-index: 1;


}

.subnav-content a {
  float: none;
  color: white;
  text-decoration: none;
	padding: 6px 10px;
}

.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

.subnav:hover .subnav-content {
  display: block;
}

.mobile-container{display: none;}
.navv{
	width: 25%;}

@media (max-width: 1200px){
	.navv{
	width: 20%;}
}

@media (max-width: 1000px){
	.navv{
	width: 15%;}
}

@media (max-width: 700px) {

.navbar {
display: none;
}


.mobile-container {
display: block;
	max-width: 100%;
  margin: auto;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #4e66b0;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 4px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: #4e66b0s;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

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

.active {
  background-color: transparent;
  color: white;
}
}