.resp-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.resp-row[x-reverse] {
    flex-direction: row-reverse;
}

.resp-row>* {
    flex-grow: 0;
    flex-shrink: 0;
    width: 100%;
}

.resp-col-1 {
    flex: 1 1 0;
}

.resp-col-2 {
    flex: 2 2 0;
}

.resp-col-3 {
    flex: 3 3 0;
}

.resp-col-4 {
    flex: 4 4 0;
}

.resp-col-5 {
    flex: 5 5 0;
}

.resp-col-6 {
    flex: 6 6 0;
}

.resp-col-7 {
    flex: 7 7 0;
}

.resp-col-8 {
    flex: 8 8 0;
}

.resp-col-9 {
    flex: 9 9 0;
}

.resp-col-10 {
    flex: 10 10 0;
}

@media (min-width: 576px) {

    .resp-col-fix {
        flex-basis: inherit;
    }

    .resp-col-sm-1 {
        flex: 1 1 0;
    }

    .resp-col-sm-2 {
        flex: 2 2 0;
    }

    .resp-col-sm-3 {
        flex: 3 3 0;
    }

    .resp-col-sm-4 {
        flex: 4 4 0;
    }

    .resp-col-sm-5 {
        flex: 5 5 0;
    }

    .resp-col-sm-6 {
        flex: 6 6 0;
    }

    .resp-col-sm-7 {
        flex: 7 7 0;
    }

    .resp-col-sm-8 {
        flex: 8 8 0;
    }

    .resp-col-sm-9 {
        flex: 9 9 0;
    }

    .resp-col-sm-10 {
        flex: 10 10 0;
    }

}

@media (min-width: 768px) {

    .resp-col-md-1 {
        flex: 1 1 0;
    }

    .resp-col-md-2 {
        flex: 2 2 0;
    }

    .resp-col-md-3 {
        flex: 3 3 0;
    }

    .resp-col-md-4 {
        flex: 4 4 0;
    }

    .resp-col-md-5 {
        flex: 5 5 0;
    }

    .resp-col-md-6 {
        flex: 6 6 0;
    }

    .resp-col-md-7 {
        flex: 7 7 0;
    }

    .resp-col-md-8 {
        flex: 8 8 0;
    }

    .resp-col-md-9 {
        flex: 9 9 0;
    }

    .resp-col-md-10 {
        flex: 10 10 0;
    }

}

@media (min-width: 992px) {

    .resp-col-lg-1 {
        flex: 1 1 0;
    }

    .resp-col-lg-2 {
        flex: 2 2 0;
    }

    .resp-col-lg-3 {
        flex: 3 3 0;
    }

    .resp-col-lg-4 {
        flex: 4 4 0;
    }

    .resp-col-lg-5 {
        flex: 5 5 0;
    }

    .resp-col-lg-6 {
        flex: 6 6 0;
    }

    .resp-col-lg-7 {
        flex: 7 7 0;
    }

    .resp-col-lg-8 {
        flex: 8 8 0;
    }

    .resp-col-lg-9 {
        flex: 9 9 0;
    }

    .resp-col-lg-10 {
        flex: 10 10 0;
    }

}