/* Navigation */

#navbar {
    flex-direction: column;
}

#logo {
    display: block;
    margin: auto;
    /* width: 10px; */
}

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


/* Home section */

#home {
    height: 470px;
    padding: 3px 68px;
}

#home::before {
    height: 480px;
}

#home p {
    font-size: 13px;
}


/* Services section */

#services {
    flex-direction: column;
}

#services .box {
    padding: 7px;
    margin: 9px 0px;
}


/* Clients section */

.clients {
    flex-wrap: wrap;
}

.clients img {
    width: 66px;
    padding: 2px 6px;
    height: auto;
}

#client-section::before {
    height: 343px;
}


/* Contact us section*/

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


/* footer */


/* Utility classes */

.h-primary {
    font-size: 26px;
}

.btn {
    font-size: 13px;
    padding: 4px 8px;
}