@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/




/* Mobile Layout: 480px and below. */
  

.span1 {
	width: 100%;
	float: left;
}
.span2 {
width: 100%;
	float: left;
}
.span3 {
width: 100%;
	float: left;
}
.span4 {
width: 100%;
	float: left;
}



.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}
.prefix_1 {
    padding-left: 20px;
}
.suffix_1 {
    padding-right: 20px;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {


.span1 {
	width: 100%;
	float: left;
}
.span2 {
width: 50%;
	float: left;
}
.span3 {
	width: 100%;
	float: left;
}
.span4 {
	width: 100%;
	float: left;
}

.spanT {
	width: 20%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}	
.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}


}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


.span1 {
	width: 25%;
	float: left;
}
.span2 {
	width: 50%;
	float: left;
}
.span3 {
	width: 75%;
	float: left;
}
.span4 {
	width: 100%;
	float: left;
}
.span33 {
	width: 30%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}
.span66 {
	width: 60%;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}	

.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}





}