.parent {
    display: flex;
    flex-wrap: wrap;
}

.parent .child {
    flex: 0 1 50%;
    padding: 5px;
}

.title-text{
    color: #121821;
    font-family: "Avenir", Sans-serif;
    font-size: 28px;
    font-weight: 500;
}

@media (min-width: 768px) {
    .parent-md {
        display: flex;
        flex-wrap: wrap;
    }

    .parent-md .child-md {
        flex: 0 1 25%;
        padding: 5px;
    }
}

@media (min-width: 576px) {
    .parent-sm {
        display: flex;
        flex-wrap: wrap;
    }

    .parent-sm .child-sm {
        flex: 0 1 33%;
        padding: 5px;
    }
}