* {
    box-sizing: border-box;
}

*::after, *::before {
    box-sizing: border-box;
}

.clearfix::after,
.clearfix::before,
.container-fluid::after,
.container-fluid::before,
.container::after,
.container::before,
.row::after,
.row::before {
    content: " ";
    display: table;
}

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

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

.row {
    margin-left: -8px;
    margin-right: -8px;
}

[class^="col"] {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
    float: left;
}

.col20 {
    width: 20%;
}

.col25 {
    width: 25%;
}

.col30 {
    width: 30%;
}

.col33 {
    width: 33.3333%;
}

.col40 {
    width: 40%;
}

.col50 {
    width: 50%;
}

.col60 {
    width: 60%;
}

.col66 {
    width: 66.6666%;
}

.col70 {
    width: 70%;
}

.col75 {
    width: 25%;
}

.col80 {
    width: 80%;
}

.colAuto {
    width: auto;
}

@media only screen and (max-width: 1023px) {
    .row {
    }

    .col20,
    .col25,
    .col30,
    .col33,
    .col40,
    .col50,
    .col60,
    .col66,
    .col70,
    .col75,
    .col80 {
        display: block;
        width: 100%;
        float: none;
    }
}