.error-page header {
    position: relative;
    height: calc(100vh - (100vw / 20));
    width: 100%;
    min-height: 1290px;
}

.error-page header img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    min-height: 1290px;
}

.error-page .title {
    position: absolute;
    margin: 16vh 15%;
    width: 70%;
}

.error-page .title h1 {
    font-family: dharma-gothic-m, sans-serif;
    font-size: 120px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 7px 8px rgba(0, 0, 0, 0.5);
}

.error-page .description {
    font-family: din-2014, sans-serif;
    font-weight: 100;
    color: #ffffff;
    text-shadow: 0 7px 8px rgba(0, 0, 0, 0.5);
    font-size: 44px;
}

.error-page header .links {
    position: absolute;
    margin: 60vh 15%;
    width: 70%;
}

.error-page .learn-more {
    margin-left: 0;
}

@media only screen and (max-width: 1200px) {
    .error-page .title h1 {
        font-size: 100px;
    }

    .error-page .description {
        font-size: 38px;
    }

}

@media only screen and (max-width: 1000px) {
    .error-page .title h1 {
        font-size: 80px;
    }

    .error-page .description {
        font-size: 28px;
    }

    .error-page header {
        min-height: 688px;
    }

    .error-page header img {
        min-height: 688px;
    }
}

@media only screen and (max-width: 650px) {
    .error-page .title h1 {
        font-size: 72px;
    }

    .error-page .description {
        font-size: 25px;
    }

    .error-page header {
        min-height: 516px;
    }

    .error-page header img {
        min-height: 516px;
    }
}

@media only screen and (max-width: 450px) {
    .error-page .title h1 {
        font-size: 58px;
    }

    .error-page .description {
        font-size: 20px;
    }

    .error-page header {
        min-height: 202px;
    }

    .error-page header img {
        min-height: 202px;
    }
}