.container--full {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}

.container--1 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}

.container--2 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}


.container--3 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 18px;
    padding-right: 18px;
}

@media only screen and (min-width: 1023px) {
    .container--1 {
        width: 980px;
    }

    .container--2 {
        width: 950px;
    }

    .container--3 {
        width: 900px;
    }
}


@media only screen and (min-width: 1280px) {
    .container--1 {
        width: 1250px;
    }

    .container--2 {
        width: 1200px;
    }
}

@media only screen and (min-width: 1700px) {
    .container--1 {
        width: 1650px;
    }
}