/* --------- CONFIGURAÇÃO DA LARGURA DO CONTAINER DEPENDENDO DA RESOLUÇÃO DE TELA --------- */

@media (min-width: 576px) {
    .container,
    .container-sm {max-width: 540px;}
}

@media (min-width: 768px) {
    .container,
    .container-sm, 
    .container-md {max-width: 720px;}
}


@media (min-width: 992px) {
    .container,
    .container-sm, 
    .container-md, 
    .container-lg {max-width: 960px;}
}

@media (min-width: 1200px) and (max-width: 1399px) {
    .container, 
    .container-sm, 
    .container-md, 
    .container-lg, 
    .container-xl {max-width: 1140px;}
}


@media (min-width: 1400px) {
    .container,
    .container-sm, 
    .container-md, 
    .container-lg, 
    .container-xl {max-width: 1320px;}
}