/* Website Content */

.container{
    width: 1024px;
    padding: 0 25px;
}

/* ContentSpan */

.contentMid{
	width: 100%;
	height: auto;
}

.contentImg{
	width: 100%;
	height: auto;
}

.contentImg img{
	width: 100%;
	height: auto;
	padding: 0;
	max-width: none;
}

/* Step one */
/* targeting all screen sizes wider than 1240px (HD Screen) */

@media (min-width: 1240px){

.container{
    width: 1170px;
}

	
}

/* Step three (tablet) */
/* targeting all screen sizes within 801px and 1070px */

@media (min-width: 801px) and (max-width: 1070px){
	
.container{
    width: 760px;
}


	
}

/* Step four */
/* targeting all screen sizes smaller than 800px (Mobiles) */

@media (min-width: 321px) and (max-width: 800px){
	
body{
	font-size: 12px;
}
	
.container{
    width: 80%;
    margin: 0 auto;
}

.contentMid a{
    font-size: 12px;
}
	
}


/* targeting all screen sizes smaller than 800px - End */
/* Step four - End */

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

body{
	font-size: 12px;
}
	
.container{
    width: 80%;
    margin: 0 auto;
}

.contentMid a{
    font-size: 12px;
}

}