.center-box {
    max-width: 85%;
    margin: 0 auto;
    overflow: hidden;
}

.row {
    margin-left: -8px;
    margin-right: -8px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#foot .row,
#about .row{
    align-items: flex-end!important;
}

#inner-page .row,
#b2b-info .row{
    align-items: flex-start;
}

.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,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    float: left;
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
}


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

@media only screen and (max-width: 768px) {
    .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%;
    }
}