#container{max-width:100%;   margin-bottom: 0.5em; }   

#container_general
{/*width:98%; padding: 0.2em 1.25%;max-width:1680px;*/ 
	 
	width:98%;
	clear:both;
	 position: relative; 
	text-align: left;  
	color: #000000 !important; 
	
	font-size:1.05 em; 
	font-family: 'Open Sans', sans-serif !important;	
	
  /*  margin: 0.05em 0;  padding-left: 10px;   */   
 
   	margin-top: 0.1em;
	margin-bottom: 0.1em;
	margin-right:auto;
	margin-left:auto;
	 
	 } 
 
#container_general div.feature{ 
	width: 96%;	
	float:left;
	/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; */
	
	background:white;
	margin-bottom: 0.2em;
	margin-top:  0.2em;
	margin-right: 1%;
	margin-left: 0.1%;
	 
	font-size:1.05 em; 
	font-family: 'Open Sans', sans-serif !important;	
	 
} 

 
 
#container_general div.feature h3{
	padding: 10px;
	 font-size:1.2em;	  
	font-family: 'Open Sans', sans-serif !important;	
	 
}

 
 
#container_general div.feature p{
	padding: 16px 10px;
	color:black;
	padding-top:0;
	font-size:1.05 em; 
	font-family: 'Open Sans', sans-serif !important;	
	 
}
  
  
@media only screen and (max-width:1340px){
	#container_general div.feature {
		font-size: 1.05em;
	}
	 
}

 
@media only screen and (max-width:1024px){
	#container_general div.feature {
		font-size: 1.0em;
	}
}
 
 

@media only screen and (max-width:950px){
	#container_general div.feature{
	margin-left: 2.25%;
	margin-right: 2.25%;
	width: 94.5%;
	clear:both;	
	margin-bottom: 2em;
	padding:0 0 2.5em 0;
	}
	 
	 

	#container_general div.feature p.title{
	margin-top:1em;	
	}
 
	#container_general div.feature img{
	width: 100%;
	}
}
 


@media only screen and (max-width:800px){
	#container_general div.feature{
		width:45% !important;
		border-right: none;
		border-bottom: 1px solid #ccc;
		padding-bottom: 1em;
  		margin-bottom: 1em;
		height: 6em;
		text-align:center;
		font-size:1.0em;
	}
}
@media only screen and (max-width:700px){
	#container_general div.feature{
		font-size:1.0em;
		height: 8em;
	}
}
@media only screen and (max-width:360px){
	#container_general div.feature{ 
		font-size:0.8em;
		height: 8em;
	}
}


		#toprow { 
			width: 97%;	 
			float:left; clear:both;  
			/* padding: 0.1em 1.25%; border:1px solid #EA1CD7 !important; padding: 0 1%;*/

			background:#ffffff;
			margin-bottom: 1.2em;
			margin-top:  0.1em;
			margin-right: 1%;
			margin-left: 0.2em;
			 

			font-size:1.05 em; 
			font-family: 'Open Sans', sans-serif !important;	
			 
			position: relative; overflow: auto;
			text-align: left;
			color: #000000 !important;
			 padding: 0.1em 1.25%;
			  
		} 
 
 		#toprow h3{
		padding: 10px;
	 	font-size:1.2em;	 
   		 
	 
} 

 #toprow h4{
	padding: 10px;
	 font-size:1.1em;	 
     
	  color: #663399;
	  font-family: 'Open Sans', sans-serif !important;
}

 #toprow p{
	padding: 10px;
	 font-size:1.05em;	 
     
	  color:#000000;
	  font-family: 'Open Sans', sans-serif !important;
	  
}

		#topleft{
			float:left;
			width: 75%;
			padding-right: 0.5%;
			font-size:1.05 em; 
			font-family: 'Open Sans', sans-serif !important;	
			
		}
		
		#topright{
			float:left;
			width: 24%;
			font-size:1.05 em; 
			font-family: 'Open Sans', sans-serif !important;	
			 
			margin-top: 0.1em;
			
		}
		 
		div#featuredlinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom:  0.5em;
			margin-top:  0.5em;
			
			width: 90%;
			max-width: 320px;
			padding: 1.1em 0;
			font-weight:normal;
			 
			margin-left:10px;
			margin-right:16px;
			
			/*margin-right:26px;*/
			float:right;
			background: #639;
			
			font-size:1.05 em; 
			font-family: 'Open Sans', sans-serif !important;	
			
		}
		
		div#featuredlinks a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#featuredlinks p:hover{
			background: #639;	
		}
		
		div#featuredlinks p:hover a{
			color:#ffcc00;	
		}
 
	 

	
 
			  
	@media only screen and (max-width: 1366px) {
			#topright, #topleft{
				width:98%; 
				clear:both;
				padding: 0 1%;
			}	
			div#featuredlinks{margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#featuredlinks p{
				width: 47.5%;
				max-width: 47.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			div#featuredlinks p:nth-of-type(2){
				margin-right: 0;
			}
		}
		 
		
		@media only screen and (max-width: 900px) {
			 
			div#featuredlinks p{
				width: calc(100% - 4px);
				max-width: calc(100% - 4px);
				margin: 0.5em 0;
				float:none;
				
			}
		}
 

		 

			div#cliniclinks p{
			border: 2px solid #639;
			text-align:center;
			margin-bottom:  0.5em;
			margin-top:  0.5em;
			
			width: 90%;
			max-width: 350px;
			padding: 3.1em 0;
			font-weight:normal;
			 
			margin-left:10px;
			margin-right:16px;
			
			/*margin-right:26px;*/
			float:left;
			background: #639;
			
			font-size:1.3 em; 
			font-family: 'Open Sans', sans-serif !important;	
			
		}
		
		div#cliniclinks  a{
			display: block;
			width: 100%;	
			color:white;
		}
		
		div#cliniclinks  p:hover{
			background: #639;	
		}
		
		div#cliniclinks  p:hover a{
			color:#ffcc00;	
		}
 
	 

	
	@media only screen and (max-width: 1366px) {
			 
			div#cliniclinks {margin-bottom:1.5em; clear:both; overflow:hidden;}
			div#cliniclinks  p{
				width: 37.5%;
				max-width: 37.5%;
				margin: 0.5em calc(5% - 8px) 0.5em 0;
				float:left;
				
			}			
			
			div#cliniclinks  p:nth-of-type(3){
				margin-right: 0;
			}
		}
		 
		

		@media only screen and (max-width:1340px){
						#cliniclinks {
							font-size: 1.3em;
						}
						
						#cliniclinks {
							font-size:85%;
						}
					}
			}
		

		@media only screen and (max-width:950px){
						 
						div#cliniclinks  {
							margin-left: 2.25%;
							margin-right: 2.25%;
							width: 94.5%;
							clear:both;	
							margin-bottom: 2em;
							text-align:center;
						}
						div#cliniclinks:nth-of-type(3){
							margin-bottom: 0;
						}
						 
					}

 


#themecontainer{
/* width: 95.5%; max-width:1680px;	 */

 width: 95.5%;
clear:both;
/* padding: 4em 2.25%; */
padding: 0em 2.25% 4em 2.25%;
overflow: hidden;
margin-bottom: 1em;
margin-right:auto;
margin-left:auto;
	
 
}
	
 #themecontainer h3{
padding: 10px;
font-size:1.2em;
/*font-weight:bold;*/
}

	
.grid { 
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
  grid-gap: 20px;
  align-items: start;
  }
.grid > faculty {
  border: 1px solid #ccc;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
}
.grid > faculty img {
  max-width: 100%;
	padding: 10px;
}
.text {
  padding: 0 20px 20px;
}