*
{ 
	box-sizing: border-box;
} 
body { 
	font-family: Arial,Helvetica,sans-serif;
}
header { 
	background-color:#666;
	padding: 30px; 
	text-align: center; 
	font-size: 35px; 
	color:white;
	background: transparent url(dumbarhome.jpg);
} 
nav { 
	float: left;
	width: 30%;
	height: auto;
	background: #ccc;
	padding: 20px;
} 
nav ul { 
	list-stype-type:none;
	padding:0;
	max-width: 30%;
} 
article { 
	float: left; 
	padding: 20px; 
	width: 70%; 
	background-color: #f1f1f1;
	height: 300px; 
} 
section:: after { 
	content:"";
	display: table;
	clear: both;
} 
footer { 
	background-color:#777; 
	padding: 10px; 
	text-align: left; 
	color:white;
} 
@media (max-width:600ppx) { 
	nav,article { 
		width: 100%;
		height: auto; 
	}
}