/* Navigation */

#navbar{
    flex-direction: column;
    width: 100%;
}

.item{
    margin-bottom: 10px;
}

#navbar ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

#navbar ul li a{
    font-size: 1rem;
    padding: 0 10px;
}

/* Home Section */

#home{
    height: 30rem;
    /* margin-top: -42%; */
}
#home h1{
    margin-top: 7rem;
}
#home::before{
    height: 480px;
}
#home p{
    font-size: 13px;
}

/* Services Section */

#services{
    flex-direction: column;
}

/* Client Section */

#clients{
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

#clients img{
    width: 5rem;
    height: 5rem;
}

/* Contact Section */

#contact-box form{
    width: 80%;
}

/* Footer */

/* Utility Classes */

.h-primary{
    font-size: 2.5rem;
}

.h-secondary{
    font-size: 1.5rem;
}