.msmi-nav {
	height: 60px;
	width: 100%;
	vertical-align: middle;
	color: white !important;
	text-align: center !important;

	
}

.mobile-msmi {
  display: none;
	background-color: #2B2E34 !important;
}

.nav-item {
	padding-right: 60px !important;	
	font-weight: bold;
}

.new-nav-item {
	color: white;	
	font-weight: bold;
	vertical-align: bottom;
	font-size: 16px;
	
}



/* Experimental NEW Nav */
/* TOP BAR */

.top-nav {
	height: 65px;
	width: 100%;
	vertical-align: right;
	color: white !important;
	text-align: right !important;
background-color: #2AB140;
	
	
}

.top-nav-item {
	color: white;	
	font-weight: bold;
	vertical-align: bottom;
	font-size: 16px;
	
}

.top-nav-item:hover {
  text-decoration: underline;
	
	
}

/* MAIN NAV */

.new-nav {
	height: 100px;
	width: 100%;
	vertical-align: middle;
	color: black !important;
	text-align: center !important;
background-color: #fff !important;
	margin-bottom: 0px !important;
	
	
}

.main-nav-item {
	color: black !important;	
	font-weight: 500 !important;
	padding-right: 25px !important;	
	padding-top: 20px !important;
	
	padding-bottom: 20px !important;
	letter-spacing: 1px !important;
	
}

.main-nav-item:hover {
  text-decoration: underline;
	color: #00B13F !important;
	
}


.patPortal {
        background-color: #00B13F !important;
        border-radius: 8px !important;
        color: white;
        padding: 10px 20px 10px 20px !important;
        font-size: 20px !important;
        letter-spacing: 1px !important;
    }

.patPortal a {
transition: color 0.3s ease;
	
}

.patPortal:hover {
  text-decoration: underline;
	color: white !important;
	background-color: #006838 !important;
	
}


.er_search_input_dummy
{
border-radius: 15px !important;
	padding: 10px 10px 10px 10px;
}

@media only screen and (max-width: 992px) {
	[class*="top-nav"] {
    
	  display: none !important;
	}
	
	[class*="DNDNav"] {
    
	  display: none !important;
	}
	
	[class*="headerNav"] {
    
	  display: none !important;
	}
	
	[class*="header-logo"] {
    
	  display: block !important;
	}
	
}

@media only screen and (max-width: 3204px) {
	[class*="logoRespond"] {
    
	  width: 40% !important;
	margin-top: -15px !important;
	}
	
	
	
}


@media only screen and (max-width: 2000px) {
	[class*="logoRespond"] {
    
	  width: 60% !important;
	margin-top: -10px !important;
	}
	
	
	
}


@media only screen and (max-width: 1500px) {
	[class*="logoRespond"] {
    
	  width: 60% !important;
	
	}
	
	
	
}



@media only screen and (max-width: 3024px) {
	[class*="main-nav-item"] {
    
	  font-size: 20px !important;
	}
	
	[class*="patPortal"] {
    
	  font-size: 18px !important;
	}
	
	
}

@media only screen and (max-width: 1472px) {
	[class*="main-nav-item"] {
    
	  font-size: 16px !important;
	}
	
	[class*="patPortal"] {
    
	  font-size: 14px !important;
	}
	
	
}

@media only screen and (max-width: 1259px) {
	
	
	[class*="nav-item"] {
    
	  font-size: 14px !important;
  }
	
	[class*="patPortal"] {
    
	  font-size: 14px !important;
	}
	
	
}

@media only screen and (max-width: 1200px) {
	
	
	[class*="nav-item"] {
    
	  font-size: 14px !important;
  }
	
	
}

@media only screen and (max-width: 1172px) {
	[class*="main-nav-item"] {
    
	  font-size: 12px !important;
	}
	
	[class*="patPortal"] {
    
	  font-size: 10px !important;
	}
	
	
	
	
}


@media only screen and (max-width: 1039px) {
	[class*="main-nav-item"] {
    
	  font-size: 10px !important;
	}
	
	[class*="patPortal"] {
    
	  font-size: 10px !important;
	}
	
	
	
	
}

@media only screen and (max-width: 992px) {
	
	
	[class*="nav-item"] {
    
	  font-size: 10px !important;
  }
	
	
}



.mobile-nav-item-msmi {
	color: white;
	font-size: 18px !important;
	font-weight: bold;
	margin: 0px 0px 5px 0px !important;
	text-align: center;
}

.new-home-mobile-nav-item {
	color: #00B13F !important;
	font-size: 18px !important;
	margin: 0px 0px 5px 0px !important;
	text-align: center;
	
}


@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="mobile-msmi"] {
    background-color: black;
	  color: white !important;
	  display: block !important;
	  
  }
	
	[class*="msmi-nav"] {
    
	  display: none !important;
  }
	
	
	
	
	
}



@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="callout1"] {
    
	 height: 190px !important;
	  
	  
  }
	
	[class*="callout2"] {
    
	 height: 100% !important;
	  
	  
  }
	
	
	
	
	
}