/*  MAKE LAYOUT RESPONSIVE at 480px FOR IPHONE LANDSCAPE ================================================================ */

 h4 {

	text-align: center;

}





	

header {

	width: 93.75%; /* 450px / 480px */

	height: 120px;

	margin-top: 5px;

		}			

					

.logo-floatleft{

	padding-top: 0px;

	padding-bottom: 0px;

	float: none;

	margin: 0px;

	padding-left: 0;

	min-width: 270px;

		 }  

	

#logo{

	background-image: url(../images/ribbon.png);

	background-repeat: no-repeat;

	width: 200px;

	height: 170px;

	margin-left: 27%;

	}



.flexslider-container {

	margin-left: -30px;

}



 .flex-caption-title{

	font-size: 19px;

	height: 175px;

  }

		#maincontent{

	width: 93.75%; /* 450px / 480px */

	margin-top: -5px;

		}





			#maincontentleft{

				width: 100%; 

				margin: 0px 0px 20px 0px; 

			}





			#maincontentright{

				width: 100%;

			}

		

		footer {

			width: 93.75%; /* 450px / 480px */

		}

		

#intro{

	margin-left:2%;

	margin-rigth: 2%;

	}	

	

#footer-right{

	float: left;

	}	

		



/*  GRID OF SIX   ============================================================================= */





.span_6_of_6 {

	width: 100%;

}



.span_5_of_6 {

  	width: 83.06%;

}



.span_4_of_6 {

  	width: 66.13%;

}



.span_3_of_6 {

  	width: 49.2%;

}



.span_2_of_6 {

  	width: 32.26%;

}



.span_1_of_6 {

  	width: 15.33%;

}





/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */



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

	.span_6_of_6 {

		width: 100%; 

	}

	.span_5_of_6 {

		width: 100%; 

	}

	.span_4_of_6 {

		width: 100%; 

	}

	.span_3_of_6 {

		width: 100%; 

	}

	.span_2_of_6 {

		width: 100%; 

	}

	.span_1_of_6 {

		width: 100%; 

	}

}