@media (max-width: 576px) {

    .d-grid-4,
    .footer {
        grid-template-columns: auto;
    }

    #homeTitle {
        height: 400px !important;
    }

    #homeTitle>div {
        height: auto !important;
    }
    .w-set {
        width: 100%;
    }
}

@media (max-width: 768px) and (min-width: 576px) {

    .d-grid-4 {
        grid-template-columns: auto;
    }

    #homeTitle {
        height: 480px !important;
    }

    #homeTitle>div {
        height: 180px !important;
    }
    .w-set {
        width: 100%;
    }
}

@media (max-width: 1140px) and (min-width: 768px) {

    .d-grid-4 {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr 1fr;
    }

}