.container {
    width: 100%;
    max-width: 1180px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 771px) and (max-width: 1024px) {
    .container {
        max-width: 970px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 770px) {
    .container {
        max-width: 756px;
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media only screen and (max-width: 576px) {
    .container {
        max-width: 572px;
        padding-right: 16px;
        padding-left: 16px;
    }
}