/* Extra Small (Phones) */
.head-sub{
    font-size: 2.3rem;
    line-height: 2.1rem;
}
.head-title{
    font-size: 3.375rem;
    line-height: 3rem;
}

/* Small (Phones & Small Tablets) */
@media (min-width: 768px) {  
    .head-sub{
        font-size: 3.7rem;
        line-height: 1rem;
    }
    .head-title{
        font-size: 3rem;
        line-height: 1.2rem;
    }
}
@media (max-width: 991px) { 
    header .navbar-brand {
        padding: 14px 0;
    }
}

/* Medium (Tablets & Small Laptops) */
@media (min-width: 1024px) {
    .head-sub{
        font-size: 2.1rem;
        line-height: 1.438rem;
    }
    .head-title{
        font-size: 3.375rem;
        line-height: 3.375rem;
    }
}

/* Large (Desktops & Laptops) */
@media (min-width: 1280px) {
    .head-sub{
        font-size: 2.55rem;
        line-height: 1rem;
    }
    .head-title{
        font-size: 3.5rem;
        line-height: 3.5rem;
    }
}

/* Extra Large (Big Screens) */
@media (min-width: 1440px) {
    .head-sub{
        font-size: 2.813rem;
        line-height: 2rem;
    }
    .head-title{
        font-size: 4.063rem;
        line-height: 3.688rem;
    }
}
@media (min-width: 1550px) {
    .head-sub{
        font-size: 3.55rem;
        line-height: 2rem;
    }
    .head-title{
        font-size: 4.9rem;
        line-height: 4.688rem;
    }
}