main#main-content.error-page .filigrana {
    position: fixed;
    width: 100vw;
    height: 100vh;
    left:  0;
    top: 0;
    z-index: -1;
    background-image: url(../../assets/filigrane/filigrana-404.svg);
}

.region.region-content.not-found .container:first-child {
    margin-top: 10rem;
    border-bottom: 2px solid var(--border_gray);
}

.region.region-content.not-found .container:last-child {
    margin-bottom: 5rem;
    margin-top: 1rem;
}

.region.region-content.not-found img {
    max-height: 50px;
    width: auto;
    height: 100%;
    margin-bottom: 2rem;
}

.region.region-content.not-found h1 {
    font-size: 40px;
    font-weight: 300;
    color: var(--text_color);
    margin: 0;
}

.region.region-content.not-found h3 {
    font-size: 18px;
    color: var(--main_blue);
    font-weight: 300;
    margin: 10rem 0 1rem 0;
}

.region.region-content.not-found p {
    font-size: 16px;
    color: var(--text_color);
}

.region.region-content.not-found p a {
    display: inline-block;
    padding-right: 2.5rem;
    color: var(--text_color);
    background-image: url(../../assets/icons/icon_arrow_right_blue.svg);
    background-repeat: no-repeat;
    background-size: 1.25rem 1.25rem;
    background-position: calc(100% - .5rem) center;
    transition: all 300ms ease;
}
.region.region-content.not-found p a:hover { 
    background-position: right center;
    transition: all 300ms ease;
}


@media (min-width: 768px) {
    .region.region-content.not-found h1 { font-size: 60px; }
}


@media (min-width: 1024px) {
    .region.region-content.not-found .container:first-child { margin-top: 14rem; }
    .region.region-content.not-found h1 { width: 75%; }
    .region.region-content.not-found h3 { margin: 14rem 0 1rem 0; }
}


@media (min-width: 1400px) {
    .region.region-content.not-found h1 { 
        font-size: 90px;
        width: 70%; 
    }
}