.container {
    width: 1140px;
    margin: auto;
}

@media screen and (max-width:1140px) {
    .container {
        width: 996px;
    }
}

@media screen and (max-width:996px) {
    .container {
        width: 768px;
    }
}

@media screen and (max-width:768px) {
    .container {
        width: 576px;
    }
}

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