.widthgf {
    width: 50% !important;
}

.register,
.profileportal,
.contactus {
    width: 90%;
}

.fd {
    flex-direction: column;
}

#toastMessagePortal,
#flashMessagePortal {
    width: 95% !important;
}

h4 {
    font-size: 1rem !important;
}

@media (min-width: 768px) {
    .widthgf {
        width: 75% !important;
    }
    ul.tiles_column {
        font-size: 1.2rem;
    }
    #mainhowimg {
        max-width: 75%;
    }

    .register,
    .profileportal,
    .contactus {
        width: 50%;
    }

    .fd {
        flex-direction: row;
    }

    .fs-md-3 { font-size: 1.75rem !important; }

    #toastMessagePortal,
    #flashMessagePortal {
        width: 80% !important;
    }

    h4 {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 992px) {
    .widthgf {
        width: 100% !important;
    }
    #mainhowimg {
        max-width: 75%;
    }
    .register,
    .profileportal,
    .contactus {
        width: 25%;
    }

    #toastMessagePortal,
    #flashMessagePortal {
        width: 45% !important;
    }

    h4 {
        font-size: 1.375rem !important;
    }
}