/* ==========================================================================
   Typography Responsive - Go Movers LA
   ========================================================================== */

/* Desktop / Tablet Landscape (1024px) */
@media (max-width: 1024px) {
    h1 { font-size: 48px !important; line-height: 1.2; }
    h2 { font-size: 38px !important; line-height: 1.3; }
    h3 { font-size: 28px !important; }
    h4 { font-size: 24px !important; }
    h5 { font-size: 20px !important; }
    p  { font-size: 17px !important; }
        .learn-more-circle a img {
        max-width: 218px !important;
    }
        .footer-lets-touch-box .contact-us-circle a img {
        max-width: 150px!important;
    }

}

/* Tablet Portrait (768px) */
@media (max-width: 768px) {
    h1 { font-size: 40px !important; }
    h2 { font-size: 32px !important; }
    h3 { font-size: 24px !important; }
    h4 { font-size: 22px !important; }
    h5 { font-size: 18px !important; }
    p  { font-size: 16px !important; }

    .learn-more-circle a img {
        max-width: 170px !important;
    }
    .footer-lets-touch-box .contact-us-circle a img {
        max-width: 150px!important;
    }

}

/* Mobile Large (426px) */
@media (max-width: 426px) {
    h1 { font-size: 34px !important; letter-spacing: -1px; }
    h2 { font-size: 28px !important; }
    h3 { font-size: 22px !important; }
    h4 { font-size: 20px !important; }
    h5 { font-size: 17px !important; }
    p  { font-size: 15px !important; }

    .about-us-image-box-2 .about-us-image {
    max-width: 800px !important;
    }
    .about-us-image {
    width: 400px !important;
    }
    .about-us-image-box-2 .learn-more-circle {
        margin-right: -80px;
    }
    .learn-more-circle a img {
    max-width: 150px !important;
    }
    .footer-lets-touch-box .contact-us-circle a img {
        max-width: 100px!important;
    }

}

/* Mobile Medium (375px) */
@media (max-width: 375px) {
    h1 { font-size: 30px !important; }
    h2 { font-size: 26px !important; }
    h3 { font-size: 21px !important; }
    h4 { font-size: 19px !important; }
    p  { font-size: 15px !important; line-height: 1.5; }
    .about-us-image {
    width: 350px !important;
    }
    .learn-more-circle a img {
    max-width: 120px !important;
    }
}

/* Mobile Small (320px) - Optimization for very small screens */
@media (max-width: 320px) {
    h1 { font-size: 28px !important; }
    h2 { font-size: 24px !important; }
    h3 { font-size: 20px !important; }
    h4 { font-size: 18px !important; }
    h5 { font-size: 16px !important; }
    p  { font-size: 14px !important; }
    .navbar-brand {
    width: 200px;
    padding: 0;
    margin: 0;
}

    .about-us-image-box-2 .about-us-image {
    max-width: 800px !important;
    }
    .about-us-image {
    width: 300px !important;
    }
    .learn-more-circle a img {
    max-width: 110px !important;
    }
}