.center-box {
    width: 1140px;
    margin: 0 auto;
}

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

.one-half {
    width: 50%;
}

.one-third {
    width: 33.33%;
}

.two-third {
    width: 66.66%;
}

.one-fourth {
    width: 25%;
}

.three-fourth {
    width: 75%;
}

.one-fifth {
    width: 20%;
}

.two-fifth {
    width: 40%;
}

.three-fifth {
    width: 60%;
}

.four-fifth {
    width: 80%;
}

.one-sixth {
    width: 16.66%;
}

.five-sixth {
    width: 83.33%;
}

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.threefifth,
.four-fifth,
.one-sixth,
.five-sixth {
    float: left;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}


/*
@media only screen and (min-width: 768px) and (max-width: 950px) {
    .center-box {
        width: 750px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        position: relative;
        float: none;
        width: 100%;
    }
} */


/* Mobilon pedig minden 100%-ra ugrik */

@media only screen and (max-width: 767px) {
    .center-box {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .one-half,
    .one-third,
    .two-third,
    .three-fourth,
    .one-fourth,
    .one-fifth,
    .two-fifth,
    .threefifth,
    .four-fifth,
    .one-sixth,
    .five-sixth {
        position: relative;
        float: none;
        width: 100%;
    }
}