#header {
    text-align: center;
}

.h1,
h3,
p {
    font-family: Georgia, serif;
}

.box img {
    width: 280px;
}

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

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

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

#footer {
    text-align: center;
}

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

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

    h1,
    h2,
    h3,
    h4,
    p {
        word-wrap: break-word;
    }

    #header {
        padding: 0;
    }
}

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