/*
========================================
404 PAGE
========================================
*/

.error-404{

    display:flex;

    align-items:center;

    justify-content:center;

    min-height:calc(100vh - 210px);

    padding:8rem 0 6rem;

    text-align:center;

}

.error-404 .container{

    max-width:760px;

}

.error-404__eyebrow{

    display:inline-block;

    margin-bottom:1rem;

    font-size:.8rem;

    letter-spacing:.25em;

    text-transform:uppercase;

    color:#888;

}

.error-404__title{

    margin:0;

    font-size:clamp(7rem,15vw,11rem);

    line-height:.9;

    color:#111;

}

.error-404__subtitle{

    margin:1rem 0;

    font-size:clamp(2rem,4vw,3.2rem);

}

.error-404__text{

    max-width:560px;

    margin:0 auto 2.5rem;

    color:#666;

    line-height:1.8;

}

.error-404 .button{

    min-width:210px;

}

body.dark-mode .error-404__title,
body.dark-mode .error-404__subtitle{

    color:#fff;

}

body.dark-mode .error-404__eyebrow{

    color:#bdbdbd;

}

body.dark-mode .error-404__text{

    color:#d4d4d4;

}

@media (max-width:768px){

    .error-404{

        min-height:calc(100vh - 170px);

        padding:7rem 0 4rem;

    }

    .error-404__title{

        font-size:6rem;

    }

    .error-404__subtitle{

        font-size:2rem;

    }

}