body {
font-size: 1em;
font-family: 'Nothing You Could Do', cursive;
background-image: url('../bilder/stollenbiker-de-mehr-im-wald-als-im-web-001.jpg');
background-repeat: no-repeat;
background-size: contain;
background-position: top center;
}

div.box_main {
padding: 2em;
color: #000000;
text-shadow: 3px 3px 1px #ffffff;
font-size: 2em;
background-color: rgba(255,255,255,0.5);
margin: 2em;
}

div.box_imprint {
font-size: 0.8em;
margin-top: 5em;
padding: 4em;
border-top: 1px solid #999999;
font-family: arial,helvetica;
color: #555555;
}

h1,
h2 {
font-size: 2em;
color: #111111;
font-weight: 900;
text-shadow: 5px 5px 5px #ffffff;
/*font-family: 'Covered By Your Grace', cursive;*/
}
h2 {
font-size: 1.2em;
}

@media only screen and (max-width: 59em) {
body {
}
div.box_main {
padding: 0.5em;
margin: 0.5em;
margin-top: 8em;
font-size: 1.2em;
}
h1 {
font-size: 1.7em;
}
h2 {
font-size: 1.4em;
}
}
@media only screen and (max-width: 39em) {
body {
font-size: 0.8em;
}
}