.wrapper {
    margin: 0 auto;
    width: 960px;
    padding: 0 10px;
}

#content {
    float: left;
    width: 100%;
    background-color: floralwhite;
}

.box {
    float: left;
    margin: 6px;
    padding: 10px;
    width: 285px;
    height: 500px;
    border: 1px solid black;
    background-color: white;
}

.box img{
    width: 280px;
}

.box h3, .box p{
	text-align:center;
}

h1,h2,h3,h4{
    text-align: center;
    font-family: Georgia, serif;
}

#footer{
    text-align: center;
    margin: 10px 10px auto;
}

@media screen and (max-width: 960px){
    .wrapper {
        width:640px;
    }
}

@media screen and (max-width: 640px){
    .wrapper {
        width:320px;
    }
}