body {
    margin: 0;
    background: #fff;
    font-family: Arial;
    font-size: 1em;
}

.container {
    margin: 0 auto;
}

.container:before {
    content: ' ';
    display: table;
}

.container:after {
    content: ' ';
    display: table;
    clear: both;
}

@media screen and (min-width: 992px) {
    .container {
        width: 970px;
    }
}

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

@media screen and (max-width: 767px) {
    .container {
        width: 100%;
    }
}