body{
	background-color: yellow;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
section{
	width: 600px;
	margin: 0 auto;
	padding: 10px;
}

h1{
	font-size: 2em;
}

p{
	font-size: 1em;
}

img{
	width: 100%;
}







@media only screen and (max-device-height: 600px){

	body{
		background-color: orange;
	}

	.img{
		background: url("../img/small.jpg");
	}

	section{
		width: auto;
		padding: 10px;
	}

	h1{
		font-size: 1.5rem;
	}

	p{
		font-size: .8em;
	}
}








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

	body{
		background-color: red;
	}
}