/* this exists when the bootstrap has been deleted on the page */
.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.row::before,.row::after {
    display: table;
    content: ""
}

.clearfix:after,.container:after,.container-fluid:after,.row::before,.row::after {
    clear: both
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 768px) {
    .container {
        width:750px
    }
}

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

@media (min-width: 1200px) {
    .container {
        width:1170px
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}