.app-container--max-width {
    width: 100%;
}

@media (min-width: 992px) {
    .app-container--max-width {
        width: 1184px;
        max-width: 100%;
    }
}

.app-container {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    padding-right: 16px;
    padding-left: 16px;
}

@media (min-width: 320px) {
    .app-container {
        padding-right: 16px;
        padding-left: 16px;
    }
}

@media (min-width: 704px) {
    .app-container {
        padding-right: 32px;
        padding-left: 32px;
    }
}

@media (min-width: 992px) {
    .app-container {
        padding-right: 32px;
        padding-left: 32px;
    }
}