body {
    background-color: #FFFEFB;
}
.home .intro {
    max-width: 1700px;
    margin: 0 auto;
    padding-inline: 2em;
}
.home .intro h1 {
    max-width: 1200px;
    grid-column: 1/8;
    grid-row: 1/4;
    font-size: 5em;
    line-height: 1;
    padding-left: 2rem;
}
.home .intro div {
    max-width: 550px;
    padding-left: 5rem;
}
#client-logos {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin-inline: auto;
    padding-block: 2em;
    column-gap: 3em;
}
#client-logos h2 {
    /* padding-left: 1em; */
}
#client-logos img {
    width: 50%;
    object-fit: contain;
}
@media screen and (max-width: 768px) {
    .home .intro {
        padding-inline: 1em;
    }
    .home .intro h1 {
        padding-left: 0;
        font-size: 3.5em;
    }
    #client-logos {
    flex-direction: column;
    row-gap: 2em;
    width: 100%;
    padding-inline: 1em;
    }
    #client-logos img {
    width: 90%;
    }
}
@media screen and (max-width: 500px) {
    .home .intro {
        padding-inline: 1em;
    }
    .home .intro h1 {
        font-size: 2.5em;
    }
    .home .intro div {
        padding: 0;
    }
}
@media screen and (max-width: 450px) {
    .home .intro h1 {
        /* padding-inline: 1rem 0.5em; */
    }
    .home .intro div {
        /* padding-left: 4rem; */
        width: 94%;
    }
}