.clear {clear: both;}

.project {text-align: center; width: 45%; float: left; padding: 5px; border: 1px solid #fefef6; max-width: 320px; margin-left: 2%;}

.project:hover {background: #fff; border: 1px solid #f5e6bb;}

.project img { margin: 8px 4px;}

.project2 {text-align: center; width: 45%; margin-left: 5px; float: right; padding: 5px; border: 1px solid #fefef6; max-width: 320px; margin-right: 2%;}

.project2:hover {background: #fff; border: 1px solid #f5e6bb;}

.project2 img { margin: 8px 4px;}

#content .project h2, #content .project2 h2  {margin: 10px 0;}

a:hover {background: none;}


@media only screen and (max-width: 600px) {
.project, .project2 {float: none; width: 90%; max-width: 310px; margin: auto;}	
}