.error404 #main {
    padding-top: 0;
}

.block-404 .container {
    min-height: 45vh;
    display: flex;
    align-items: center;
}

.block-404 .content {
    max-width: 40em;
    margin: 0 auto;
}

.block-404 .error-code {
    display: block;
    font-family: var(--font-lora);
    font-size: 5.5em;
    line-height: 1;
    letter-spacing: -0.02em;
    color: var(--text-orange);
}

.block-404 .box-title {
    margin-top: 0.2em;
}

.block-404 .content p {
    margin-top: 1em;
    font-size: 1.125em;
    line-height: 1.6;
    color: var(--text-green);
}

.block-404 .button {
    margin-top: 2em;
}

@media all and (max-width: 600px) {
    .block-404 .container {
        min-height: 40vh;
    }

    .block-404 .error-code {
        font-size: 4em;
    }
}

@media all and (max-width: 500px) {
    .block-404 .content p {
        font-size: 1em;
    }
}