@font-face {
    font-family: 'copy_of_erehwon_outlinemedium';
    src: url('../fonts/erehwonoutline-webfont.woff2') format('woff2'),
         url('../fonts/') format('woff');
    font-weight: normal;
    font-style: normal;

}
body, html {
    font-family:Arial, Helvetica, sans-serif;
    height: 100%;
    font-size: 16px;
}
header {
    background-color: #CFB17F;
    background-image: url(../images/tafel-gebrochen.png);
    background-position: 0.5rem 0.5rem;
    background-repeat-y: no-repeat;
    background-size: 2rem;
    margin-bottom: 1em;
}
.headerContent {
    padding: 4rem 0 0 0;
}
.heroContent {
    font-size: 0.5em;
}
.heroContent h1, .headerContent h1 {
    font-family: 'copy_of_erehwon_outlinemedium', sans-serif;
    font-size: 2.25em;
    line-height: 0.8;
}
h2 {
    font-size: 1em;
}
.font-erehwon {
    font-family: 'copy_of_erehwon_outlinemedium', sans-serif;
}
.font-standard{
    font-family:Arial, Helvetica, sans-serif;
}
#erehwon-hero {
    height: 100%;
    font-size: 4em;
    background-image: url(../images/karte-lighter.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#hero-content{
    height: 100%;
    text-shadow: 0.2em 0.2em 0.2em black;
}
.heroContent img{
    width: 60%;
    height: auto;
}
a, a:focus, a:hover{
    color: #343a40;
    text-decoration: none;
}
footer {
    position: relative;
    bottom: 3rem;
    font-size: 0.75rem;
}
@media (min-width: 576px) {
    .heroContent img{
        width: 30%;
    }
    h2 {
    font-size: 2em;
}
}
@media (min-width: 1024px) {
    .heroContent {
    font-size: 1em;
    }
    .heroContent img{
        width: 40%;
    }
}
@media (min-width: 1200px) {
    .heroContent {
    font-size: 1.5em;
    }
}