body{
    color: #27322B;
}
h1{
    color: #067302;
    text-align: center;
}

h2{
    width: 80%;
    margin: auto;
    margin-top: 3vh;
}

#logos{
    width: 90%;
    margin: auto;
    margin-bottom: 10vh;
    padding: 2vh;
    text-align: center;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    row-gap: 3vh;
}

#logos img{
    display: flex;
    margin: auto;
    max-width: 200px;
}

#quote{
    width: 60%;
    padding: 3vh;
    margin: auto;
    margin-top: 5vh;
    margin-bottom: 10vh;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    background-color: #fff;
}

.grad{
    background-color: #a5d1a96b;
    padding-bottom: 3vh;
    padding-top: 2vh;
}

@media screen and (max-width: 860px){
    #logos{
        grid-template-columns: 1fr 1fr;
    }
    #logos img{
        display: flex;
        margin: auto;
        width: 150px;
    }
    #quote{
        width: 80%;
    }
}