@font-face {
    font-family: 'SuperGroteskWebPro';
    src: url(assets/fonts/SuperGroteskWebPro.woff) format('woff');
    font-weight: normal;
}

@font-face {
    font-family: 'SuperGroteskWebPro';
    src: url(assets/fonts/SuperGroteskWebPro-Medium.woff) format('woff');
    font-weight: bold;
}

html, body {
    background-color: #f7f4ef;
    margin: 0;
    font-size: 16px;
    font-family: SuperGroteskWebPro, sans-serif;
    color: #464646;
}

body {
    opacity: 1 !important;
    transition: opacity 500ms ease;
}

strong {
    font-weight: bold;
}

a img.ev-logo {
    width: 96px;
    height: 65px;
    transition: opacity 300ms ease;
}

a img.ev-logo:hover {
    opacity: 0.8;
}

article.ev-main {
    width: 100%;
    padding: 60px 17% 25px;
    box-sizing: border-box;
    text-align: left;
}

section.ev-section {
    display: inline-block;
    width: 100%;
    margin-bottom: 25px;
}

article.ev-main h1 {
    font-size: 40px;
    line-height: 48px;
    font-weight: bold;
    margin-bottom: 32px;
    opacity: 0;
    transition: opacity 200ms ease;
}

article.ev-main h1.error {
    color: #d4020d;
}

article.ev-main strong {
    line-height: 20px;
    margin-bottom: 20px;
    opacity: 0;
    transition: opacity 200ms ease;
}

@media screen and (max-width: 600px) {
    article.ev-main {
        padding-top: 20px;
    }

    article.ev-main h1 {
        font-size: 32px;
        line-height: 40px;
    }
}

header.ev-header {
    width: 100%;
    height: 140px;
    position: relative;
    padding: 16px 17% 44px;
    box-sizing: border-box;
    background-color: rgb(247, 244, 239);
    background-image: radial-gradient(ellipse at 25% 145%, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0) 38.5%, #d3d3d3 40.5%, #fff 41%);
    background-size: 235% 115%;
}

footer.ev-footer {
    width: 100%;
    height: 251px;
    position: absolute;
    bottom: 0;
    padding: 73px 16% 20px;
    box-sizing: border-box;
    text-align: center;
    background-color: rgb(247, 244, 239);
    background-image: radial-gradient(ellipse at 6% 36%, #fff 0%, #fff 38.7%, #d3d3d3 39%, rgba(247, 244, 239, 0) 40%);
    background-size: 260% 200%;
}

footer.ev-footer::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: radial-gradient(ellipse at 12.5% -18%, rgba(247, 244, 239, 0) 0%, rgba(247, 244, 239, 0) 34%, #f7f4ef 40%, #ff6a00 40.1%);
    background-size: 400% 200%;
}

img.ev-footer__logo {
    margin-bottom: 32px;
}

footer.ev-footer small {
    font-size: 11px;
}

@media screen and (max-width: 600px) {
    footer.ev-footer {
        height: 175px;
        padding: 30px 10px 20px;
    }

    img.ev-footer__logo {
        width: calc(96px * 0.65) !important;
        height: calc(65px * 0.65) !important;
        margin-bottom: 16px;
    }
}