/* ===Navigation=== */
#navbar {
    flex-direction: column;
}

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


/* ===home=== */
#home{
    height: 450px;
    padding: 3px 70px;

}

#home::before{
    height: 620px;

}

#home p{
    font-size: 1rem;

}



/* ====services=== */
#services { 
    flex-direction: column;
}

#services .box{
    padding: 14px;
    margin: 2px 0;
    margin-bottom: 20px;
}

#services .box img {
    height: 140px;
    margin: auto;
    display: block;
}

/* ====client==== */
.clients{
 flex-wrap: wrap;
}

.clients img{
    height: 100px;
}
/* ====contact us===== */

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

/* ==footer=== */


/* ====Utility classes */

.btn{
    font-size: 1rem;
    padding: 2px 8px;
}

#submit-btn{
    width: 22%;
    font-size: 1em;
}