@charset "utf-8";
/* CSS Document */
<style type="text/css">

body {
        width: 100%;               
        margin: 0 auto;             
}
h1 {
	font: 34px/100% Arial, Helvetica, sans-serif;
	color: #B6B4AF;
}
h2 {
	font: 16px/100% Arial, Helvetica, sans-serif;
	color: #FF0000;
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FF0000;
}
a:link {
	text-decoration: none;
	color: #FFFFFF;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #0099FF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}
.span-1, .span-2, .span-4, .content {
		float: left;
		margin-right: 0px;
		margin-left: 0px;
		margin-top: 0px;         
        margin-bottom: 10px;
}
	
/************************************************************************************
STRUCTURE
*************************************************************************************/

.span-1 {
	width: 100%;
    height: auto;               
    text-align: center;
}
.span-2 {
	width: 100%;
    height: auto;               
    text-align: center;
	padding: 10px;
	background: #242323;
}
.span-4 {
	width: 24%;
    height: auto;               
    text-align: center;
}
img {
    max-width: 100%
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

@media screen and (max-width: 1650px) {

.span-4 {
	width: 24%;
    height: 420px;               
    text-align: center;
	display: inline-block;
}

@media screen and (max-width: 1600px) {

.span-4 {
	width: 50%;
}

@media screen and (max-width: 800px) {

.span-4 {
	width: 100%;
}

@media screen and (max-width: 570px) {





			

</style>