/* CSS Document */

.heading{
	font: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 200%;	
}

body{
	font-size: 100%;
	background-color: #828282;
}

.left{
	padding: 2%;
	float: left;
	width: 46%;
	height: auto;
}

.right{
	padding: 2%;
	float: right;
	width: 46%;
	height: auto;
}

img{
	width: 100%;	
}

/*phones*/
@media screen and (max-width: 480px) {
	
		body{
			background-color: #FFFFFF;
		}

		.heading{
			font-size: 120%;	
		}

		.left, .right{
			float: none;
			width: 100%;
		}	
		
		img{
			width: 60%;
		}
	}
/*phone to tablet*/
@media screen and (min-width:481px) and (max-width: 768px) {
		.heading{
			font-size: 150%;
		}

		.left, .right{
			float: none;
			width: 100%;
		}

		img{
			width: 60%;
		}	
	}
/* tablets and above*/
@media screen and (min-width: 769px) {

	}