.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 12px;
}

@media (max-width: 576px) {
    .container {
        max-width: 100%;
        padding: 0;
    }
}

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

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

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

@media (min-width: 1200px) {
    .container {
        /* max-width: 1140px; */
        max-width: 80%;
    }

    .navbar .container {
        /* max-width: 1450px; */
        max-width: 85%;
    }
}

@media (min-width: 1400px) {
    .container {
        /* max-width: 1320px; */
        max-width: 80%;
    }

    .navbar .container {
        /* max-width: 1450px; */
        max-width: 85%;
    }
}