/*=========================================================
=                         LAYOUT                          =
=========================================================*/

/*---------- Container ----------*/

.container{
    width:min(var(--container-width),calc(100% - var(--container-padding)*2));
    margin-inline:auto;
}

/*---------- Responsive ----------*/

@media (max-width:768px){

    .container{
        width:min(var(--container-width),calc(100% - 32px));
    }

}