/* navigation */
#navbar {
    display: flex;
    /* position:relative; */
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
}

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

/* home */
#home {
    padding: 20px 40px;
    min-height: 100px;
    /* important */
    flex-direction: column;
}

#home::before {
    height: 700px;
    width: 100%;
    flex-direction: column;
}

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

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

}

#services .box {
    width: 80%;
    height: 100%;
    margin: 30px auto;
}

/* client */
#client {
    flex-wrap: wrap;
}

#client img {
    width: 55px;
    height: auto;
    padding: 2px 6px;
}

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

/* utility classes */
.h-primary {
    font-size: 26px;
}

.btn {
    font-size: 13px;
    padding: 6px 10px;
}