@media only screen and (max-width: 576px) {
    .navbar li a {
        padding: 0.6rem 0 !important;
    }

    .navbar li a:nth-child(1) {
        margin-top: 1rem;
    }

    .navbar img {
        width: 50px;
    }
 
    #hero {
        padding: 0 2rem;
    }

    #hero h1 {
        font-size: 30px;
    }

    #hero p {
        font-size: 16px;
    }

    #about-company img {
        height: unset !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .navbar li a {
        padding: 0.6rem 0 !important;
    }

    .navbar li a:nth-child(1) {
        margin-top: 1rem;
    }

    .navbar img {
        width: 100px;
    }

}