.offset-1 {
    margin-right: 8.333333%;
    margin-left: 0;
}

.offset-2 {
    margin-right: 16.666667%;
    margin-left: 0;
}

.offset-3 {
    margin-right: 25%;
    margin-left: 0;
}

.offset-4 {
    margin-right: 33.333333%;
    margin-left: 0;
}

@media (min-width: 576px) {
    .offset-sm-1 {
        margin-right: 8.333333%;
        margin-left: 0;
    }

    .offset-sm-2 {
        margin-right: 16.666667%;
        margin-left: 0;
    }

    .offset-sm-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .offset-sm-4 {
        margin-right: 33.33333%;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .offset-md-0 {
        margin-right: 0;
        margin-left: 0;
    }

    .offset-md-1 {
        margin-right: 8.333333%;
        margin-left: 0;
    }

    .offset-md-2 {
        margin-right: 16.666667%;
        margin-left: 0;
    }

    .offset-md-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .offset-md-4 {
        margin-right: 33.33333%;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .offset-lg-0 {
        margin-right: 0;
    }

    .offset-lg-1 {
        margin-right: 8.333333%;
    }

    .offset-lg-2 {
        margin-right: 16.666667%;
        margin-left: 0;
    }

    .offset-lg-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .offset-lg-4 {
        margin-right: 33.333333%;
        margin-left: 0;
    }

    .offset-lg-5 {
        margin-right: 41.666667%;
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .offset-xl-1 {
        margin-right: 8.333333%;
    }

    .offset-xl-3 {
        margin-right: 25%;
        margin-left: 0;
    }

    .offset-xl-4 {
        margin-right: 33.333333%;
        margin-left: 0;
    }

    .offset-xl-5 {
        margin-right: 41.666667%;
        margin-left: 0;
    }
}