@media only screen and (min-width: 768px) {


.header-container,  .main aside {
	-webkit-box-shadow: 0 5px 10px #aaa;
	-moz-box-shadow: 0 5px 10px #aaa;
	box-shadow: 0 5px 10px #aaa;
}

.title {
	float: left;
}
nav {
	float: right;
	width: 70%; 
}

.main article {
	float: left;
	width: 57%;
}
.main aside {
	float: right;
	width: 28%;
}



#image1, #image2, #image4 {
	height: 48%;
	width: 100%;
	
}

#image3 {
	height: 40%;
	width: 100%;
	
}

.footer-container {

	visibility: hidden;
}

#footer {
	position: absolute;
	bottom: 1200px;
}

}