/* =========================================================
   HOMEPAGE v3 | LAYOUT.CSS v0.1
   assets/css/layout.css
========================================================= */

/* =========================================================
   CONTAINER OFICIAL
========================================================= */

.container{
    width:100%;

    max-width:var(--container-max);

    margin-inline:auto;

    padding-inline:var(--container-padding);
}

/* =========================================================
   SEÇÕES GLOBAIS
========================================================= */

section{
    position:relative;

    padding-block:64px;
}

/* =========================================================
   WRAPPERS
========================================================= */

.wrapper{
    position:relative;
}

/* =========================================================
   GRID GLOBAL
========================================================= */

.grid{
    display:grid;
}

/* =========================================================
   FLEX GLOBAL
========================================================= */

.flex{
    display:flex;
}

/* =========================================================
   ESPAÇAMENTOS GLOBAIS
========================================================= */

/* =========================================================
   RESPONSIVO
========================================================= */

@media(max-width:768px){

    section{
        padding-block:48px;
    }

}