.error404 header#main-header {
    background: var(--dark-blue);
}

.error404 div#page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.error-section {
    display: flex;
    align-items: center;
    padding-top: 190.27px;
    padding-bottom: 84px;
}

.error-section h1 {
    margin: 0;
    padding-bottom: 2vh;
}

.error-section .page-button {
    justify-content: center;
}

.error-section .page-button span {
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--red);
    margin-left: 0;
    margin-right: 8px;
}

.page-button:hover span {
    transform: translateX(-7px);
}

.error404 footer {
    flex-shrink: 0;
}

@media (max-width: 1024px) {
    .error-section {
        padding-top: 10vh;
    }
}