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

div.images{}
div.images ul{
	list-style-type: none;
	margin-left: auto;
	margin-right: auto;
	padding: 0;	 
}
div.images li{
	display:inline;
}
div.images a:hover img{
	border:1px solid #0033CC;
}
div.images img{
	border:1px #000000 solid;
	margin: 1em;
}
div.images ul{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

h1{text-align:center;}
h2{text-align:center;}


#featured{
	float:right;
	width: 40%;
	margin-right: 10%;
	text-align:center;
}

#description{
	float: left;
	margin-top: 1em;
	width: 40%;
	margin-left: 10%;
	text-align:left;
}
@media screen and (max-width: 740px){
     
	div.images img{
		margin: 0;
	} 
	img{
		max-width: 40%;
		padding: 0;
	}
 	h1{
		line-height: 0.1em;
	}	
	#featured{
		text-align:center;
		margin: auto;
		width:90%;
		padding: 0%;
		padding-left: 5%;
		padding-right: 5%;
		float: none !important;
	}

	#description{
		text-align:justify;
		margin-left: 10%;
		margin-right: 10%;
		width: 75%;
		padding: 0%;
		float: none;
		margin-top: 0.2em;
	}

}