@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans:300,400,500&subset=latin-ext');
@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:300,400,500&subset=latin-ext');

body,
html {
    color: #353535;
    font-size: 15px;
    font-family: 'Alegreya Sans', sans-serif;
    font-weight: 300;
    margin: 0;
    width: 100%;
    background-color: #d0d0d0;
}

.foot {
    color: #353535;
    font-size: 1em;
    margin: 0 auto;
    font-weight: 400;
    position: fixed;
    bottom: 3rem;
    left: 0;
    right: 0;
}

#cover {
    width: 100%;
    height: calc(90vh - 1rem - env(safe-area-inset-bottom));
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

img {
    width: 80%;
    max-width: 1000px;
}

a {
    color: #d98822;
}

@media (min-width: 540px) {
    #cover img {

    }

    h2 {
        position: relative;
    }

    h1 {
        font-size: 3.5em;
    }
}

@media (min-width: 1140px) {


    #cover img {
    }
}