/* talks to html tags.. 1 em = 16px*/

 body {background:aqua;} 
 
 header {background:red;
		height:80%;
		width:100%;}
		
header h1{font-size: 4em;}

nav {height: 55%;
	background:blue;}
	
article{float:left;
	height:50%;
	width:100%;
	background:yellow;}
	
section{float:left;
		height: 90%;
		width:40%;
		background:pink;
		margin:2% 3% 2% 3%;
		padding-left:1%;
		padding-right:1%;}
		
		
@media screen and (max-width: 1600px) {body p{font-size: 3em;}
@media screen and (max-width: 800px) {body p{font-size: 2em;}
@media screen and (max-width: 300px) {body p{font-size: 1em;}
@media screen and (max-width: 100px) {body p{font-size: 0.5em;}