*{
	margin:0;
	padding:0;
}
body {
	background:#FFF;
	font-family:Arial, Helvetica, sans-serif;
}
.contenedor {
	width:100%;
	max width:100%;
	margin:0 auto;
	background:#FFF;
	overflow:hidden;
}
header {
	backgroundg:#CCC;
	margin:5px auto;
}
.main {
	width:100%;
	background:#CFC;
	padding:5px;
	float:center;
	box-sizing:border-box;
}
.main img {
	width:100%;
	height:auto;
}

aside {
	width:35%;
	padding:5px;
	box-sizing:border-box;
	background:#ccc;
	float:left;
}

footer {
	clear:both;
	float: left;
	margin-top:10px;
	box-sizing:border-box;
	width:100%;
	padding:10px;
	color:#0F0;
	background:#000;
}

@media screen and (max.width: 400px){
	.main {
		width:100%;
	}
	aside {         
		width:100%;
	}
	contenedor {
		width:100%;	
	}
}