::selection {
    background: #888;
    color: white;
}
::-moz-selection {
    background: #888;
    color: white;
}
body {
    font-size: 16px;
    margin: 0;
    padding: 0;
    font-family: 'Georgia', 'Times New Roman', serif;
}
a {
    -webkit-transition: 100ms ease all;
    transition: 100ms ease all;
}
p, h1, h2, h3, h4, h5, h6 {
    line-height: 1.3em;
}

/****************************
 Header
 ****************************/
#site-header {
    text-align: center;
    padding: 2em 0;
}
#header-logo {
    width: 250px;
    max-width: 50%;
}
.container {
    background-position: 50% 0;
    background-size: cover;
    padding: 3em 0;
}
.entry-content {
    text-align: justify;
    max-width: 34.5em;
    margin: 0 auto;
    padding: 0 2em;
}
.entry-content {
    font-size: 16px;
}
@media screen and (min-width: 320px) {
    .entry-content {
        font-size: calc(16px + 8 * ((100vw - 320px) / 1120));
    }
}
@media screen and (min-width: 1440px) {
    .entry-content {
        font-size: 24px;
    }
 }
 .entry-content a {
    color: inherit;
 }
 .entry-content a:hover {
    color: black;
 }
 .home .entry-content {
    font-size: 16px;
 }
 @media screen and (min-width: 320px) {
    .entry-content {
        font-size: calc(16px + 16 * ((100vw - 320px) / 1120));
    }
 }
 @media screen and (min-width: 1440px) {
    .entry-content {
        font-size: 32px;
    }
 }
 /****************************
 Footer
 ****************************/
.site-footer {
    color: black;
    font-family: Arial, sans;
    padding: 1.5em 1em;
    line-height: 1.3em;
}
.site-footer {
    font-size: 14px;
}
@media screen and (min-width: 320px) {
    .site-footer {
        font-size: calc(14px + 8 * ((100vw - 320px) / 1120));
    }
}
@media screen and (min-width: 1440px) {
    .site-footer {
        font-size: 22px;
    }
}
.site-footer p {
    margin: 0;
}
.site-footer a {
    color: inherit;
}
.site-footer a:hover {
    color: #bbdbce;
}