@import url(reset.css);

/* =========================================================
   PÁGINA 404
========================================================= */

article {
    width: 100%;
    min-height: 55vh;

    padding: 80px 7%;

    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
}


article p {
    width: 100%;
    max-width: 700px;

    margin: 0;

    padding: 35px 40px;

    color: var(--corBranca);
    background-color: rgba(216, 174, 118, 0.08);

    border-left: 4px solid var(--corPrincipal);
    border-radius: 6px;

    font-family: var(--fonte-principal);
    font-size: 1rem;
    font-weight: var(--peso-4);
    line-height: 1.7;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 768px) {

    article {
        min-height: 60vh;

        padding: 60px 5%;
    }


    article p {
        max-width: 100%;

        padding: 28px 20px;

        font-size: .85rem;
        line-height: 1.6;
    }

}