html { 



}
body {

width: 700px;
max-width: 90%; 
background-color: yellow;
margin: auto;

}

h1 {
	
	color: blue;
	text-align: center;
	font-family: Hevtica;
	border: red;
	border-color: white;
}





body{

	background-color: gray;
}

#wrapper {
	position: relative;
	width: 900px;
	margin: auto; 
}

#HEADING {
		background-color: #6be37d;
		width: 900px;
		height: 400px;
		
		padding: 5px;
		margin-bottom: 10px;
		
}

#ASIDE {
		background-color: red;
		width: 25%;
		height: 400px;
		padding: 5px;
		
}

#MAIN {
		position: absolute;
		background-color: pink;
		width: 70%;
		height: 400px;
		padding: 5px;
		left: 30%;
	}
	
#FOOTER {
		background-color: #green
		width: 900px;
		height: 30px;
		padding: 5px;
		margin-top: 10px;
	}

	

	
	


	
.smaller-image{ 
width:100%;
float:left;
}