body {
    background:#E9D5E0;
    font-family:Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
    font-size: 100%;
    text-align:center;
}

h1,h2,.preface {
    color:#BF4472;
}

h1,h2 {
    font-family:'Merienda', cursive;
}
h1 {
    font-size:300%;
    text-shadow:2px 4px 3px rgba(0,0,0,0.3);
    margin:0 0 5px 0;
}
h2 {
    font-size:200%;
    text-shadow:1px 2px 2px rgba(0,0,0,0.3);
    margin-bottom:0;
}
p,ul {
    font-size:130%;
}

a {
    text-decoration:none;
    color:#99375F;
}

a:hover {
    text-decoration:underline;
}

.preface {
    font-size:150%;
    margin-bottom:0;
}

#center {
    margin:0 auto;
    width:100%;
    max-width:842px;
}

img {
    max-width:100%;
    height:auto;
}

#locatie ul {
    list-style:none;
    padding-left:0;
}

p,ul {
    margin-bottom:0;
    padding-bottom:0;
    margin-top:0;
    padding-top:0;
}

#footer {
    margin-top:20px;
    padding:5px 0;
    background:#C67797;
}

#footer {
    color:#99375F;
    font-size:80%;
}

@media only screen and (max-width: 400px) {
    body {
        font-size:70%;
    }
}