section.notfound {
    display: flex;
    align-items: center;
    color: var(--dgray);
}

section.notfound > div {
    padding: 20px;
    margin: 40px auto;
}

section.notfound h3 { margin-bottom: 20px; }

section.notfound ul { margin-bottom: 40px; }

@media (min-width: 480px) {
    section.notfound > div:before {
        content: '404';
        position: absolute;
        z-index: -1;
        line-height: 240px;
        font-size: 240px;
        font-weight: bold;
        color: var(--sl-blue);
    }
}