#container{max-width:100%; } 
#container1{
/* width: 95.5%; */
max-width:1680px;
clear:both;
/* padding: 4em 2.25%;border:1px solid #663399 !important;*/
padding: 0em 2.25% 4em 2.25%;
overflow: hidden;
margin-bottom: 1em;
margin-right:auto;
margin-left:auto;

}



#container1 div.feature{
width:97%;
float:left;
/*margin-right: 5%; margin: .5em .5em .5em .5em;
padding: 3em 2.25% 4em 2.25%;
*/
padding: 2em 1.25% 2em 1.25%;
background:white;
 background-image: url("http://www.wiu.edu/cofac/spa/undergraduate/images/swirl1.png"); 
 
}
 
 
#container1 div.feature h3{
padding: 10px;
font-size:1.5em;
font-weight:bold;
}

#container1 div.feature p{
padding: 16px 10px;
font-size:1.2em;
color:black;
padding-top:0;
}
 
 
h3.spa {
font-weight:normal!important;
text-align:center!important;
font-size: 1.8em!important;
text-transform:uppercase!important;
/*color:#fc0!important;*/
color:#fff!important;
background-color:#639;
margin: .5em 0;
}

#container1 div.feature a{
color: black; text-decoration:underline;
}

#container1 div.featurea:hover{
color: #639;text-decoration:underline;
}

 
#topleft{
float:left;
width:30%; padding: 10px;
margin-top:40px; 
padding: 10px;
}

#topright{
float:left;
width:60%;padding: 10px;
border: 5px solid #ffcc00 !important;
background:white; 

}
 

#topright div.feature{ 
float:left;
padding: 0 1%;
background: white;
/*min-height:220px; border: 10px solid #ffcc00 !important;*/
 margin-top: 20px;
text-align:center;
 font-size:1.2em;
line-height: normal;
text-align:center;
}

 #topright div.feature h3{
 padding: 0.5em; 
 font-size: 1.8em!important;
font-weight:bold!important;
}

 #topright div.feature p{
padding: 0.5em; 
font-size:1.2em;
color:black; 
 text-align: center !important; 
}
 


 #topright div.feature ul {
  list-style: none; /* Remove HTML bullets */
  padding: 0;
  margin: 0;
	 font-size:1.2em; 
}

 #topright div.feature li { 
  padding-left: 16px; 
  font-size:1.2em; 
}

 #topright div.feature li::before {
  /*content: "•";  Insert content that looks like bullets */
  padding-right: 8px;
  color: #000000; /* Or a color you prefer */
  font-size:1.2em; 
}
 
 
@media only screen and (max-width: 1366px) {
#topright, #topleft{
width:98%; 
clear:both;
padding: 0 1%;
}

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


@media only screen and (max-width: 500px) {
#container1 div.feature p{font-size:1.1em;} 
}