.navbar-brand img{
    height: 90px;
}
/* --- Desktop & Tablets (1024px) --- */
@media (max-width: 1024px) {
    h1 { font-size: 50px !important; line-height: 1.2; }
    h2 { font-size: 36px; line-height: 1.2; }
    h3 { font-size: 28px; }
    h4 { font-size: 24px; }
    h5 { font-size: 20px; }
    p { font-size: 17px; }
}

/* --- Tablets (768px) --- */
@media (max-width: 776px) {
    h1 { font-size: 48px !important; }
    h2 { font-size: 32px !important; }
    h3 { font-size: 26px !important; }
    h4 { font-size: 22px !important; }
    h5 { font-size: 18px !important; }
    p { font-size: 16px !important; }
}


/* --- Mobile Large (426px) --- */
@media (max-width: 426px) {
    h1 { font-size: 48px !important; }
    h2 { font-size: 28px !important; }
    h3 { font-size: 24px !important; }
    h4 { font-size: 20px !important; }
    h5 { font-size: 18px !important; }
    p { font-size: 16px !important; }
}

/* --- Mobile Medium (376px) --- */
@media (max-width: 376px) {
    h1 { font-size: 47px !important; }
    h2 { font-size: 26px !important; }
    h3 { font-size: 22px !important; }
    h4 { font-size: 19px !important; }
    h5 { font-size: 17px !important; }
    p { font-size: 15px !important; }
}

/* --- Mobile Small (320px) --- */
@media (max-width: 320px) {
    h1 { font-size: 46px !important; }
    h2 { font-size: 22px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    p { font-size: 14px !important; }
}