/* ===================================================================
 * # RECENT ARTICLES SECTION
 *
 *
 * ------------------------------------------------------------------- */
.error {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: var(--vspace-1) 0;
    margin-top: 80px;
}

/* --------------------------------------------------------------------
 * # PRODUCTS - HEAD
 * -------------------------------------------------------------------- */
.error-head {
    display: flex;
    align-items: center;
    padding: 0 0 var(--vspace-1_5) 0;
}

.error-title {
    line-height: 1.5;
    color: var(--color-1);
    padding: var(--vspace-0_25) calc(var(--gutter) * 2) var(--vspace-0_25) calc(var(--gutter) * 2 + var(--vspace-0_25));
    position: relative;
    font-family: 'Monument Extended Ultra Bold';
    margin: 0;
    display: flex;
    justify-content: center;
}

.error-subtitle {
    line-height: 1.25;
    color: var(--color-black);
    padding: var(--vspace-0_25) calc(var(--gutter) * 2) var(--vspace-0_25) calc(var(--gutter) * 2 + var(--vspace-0_25));
    position: relative;
    font-family: 'Montserrat Medium';
    margin: 0;
    display: flex;
    justify-content: center;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .error-head {
        padding: 0 0 var(--vspace-1) 0;
    }

    .error-title {
        padding: 0 var(--gutter) 0 calc(var(--gutter) * 1 + var(--vspace-0_25));
        line-height: 1.375;
    }

    .error-subtitle {
        padding: 0 var(--gutter) 0 calc(var(--gutter) * 1 + var(--vspace-0_25));
    }
}

@media screen and (max-width: 750px) {

    .error-title {
        padding: 0 calc(var(--gutter) * 0.5) 0 calc(var(--gutter) * 0.5 + var(--vspace-0_25));
        font-size: var(--text-xl);
        line-height: 1.25;
    }

    .error-subtitle {
        padding: 0 calc(var(--gutter) * 0.5) 0 calc(var(--gutter) * 0.5 + var(--vspace-0_25));
        font-size: var(--text-sm);
    }
}

@media screen and (max-width: 650px) {
    .error-title {
        font-size: var(--text-lg);
    }
}

@media screen and (max-width: 600px) {
    .error {
        padding: var(--vspace-0_5) 0;
    }

    .error-head {
        padding: 0 0 var(--vspace-0_75) 0;
    }
}

/* ===================================================================
 * # RECENT ARTICLES SECTION
 *
 *
 * ------------------------------------------------------------------- */
.recent-errors {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding: var(--vspace-1) 0;
}

/* --------------------------------------------------------------------
 * # PRODUCTS - HEAD
 * -------------------------------------------------------------------- */
.recent-errors-head {
    display: flex;
    align-items: center;
    padding: 0 0 var(--vspace-1_5) 0;
}

.recent-errors-title {
    line-height: 1;
    color: var(--color-black);
    padding: 0 0 0 calc(var(--gutter) * 2 + var(--vspace-0_25));
    position: relative;
    font-family: 'Monument Extended Ultra Bold';
    margin: 0;
}

/* --------------------------------------------------------------------
 * # RECENT ARTICLES - BODY
 * -------------------------------------------------------------------- */

#home-btn {
    display: inline-flex;             /* Use flexbox directly for alignment */
    font-family: 'Monument Extended Regular';
    font-weight: 100;
    font-size: calc(var(--text-size) * 0.7);
    letter-spacing: 0.3em;
    line-height: calc(var(--vspace-btn) - 4px);
    padding: 0 var(--vspace-0_75);
    color: var(--color-white);
    transition: all .3s;
    background: var(--color-1);
    border: 2px solid var(--color-white);
    align-items: center;
    justify-content: center;
}

#home-btn svg {
    height: var(--vspace-1);
    width: var(--vspace-1);
    margin-right: var(--vspace-0_25);
}

#home-btn:hover {
    background: var(--color-1-dark) !important;
    border: 2px solid var(--color-white) !important;
    color: var(--color-white) !important;
}