.areas-de-atuação ul li {
   
    color: #D9D9D9;
    text-align: left;
    font-size: 1rem;
    width: 20rem;
    max-width: 70vw;
    text-transform: uppercase;
    font-weight: bold;
    margin: 1.5rem 1rem 1.5rem 1rem;
    padding: 1.5rem;
   transition: 500ms linear;
   border: solid 2px #B5A47A;
   text-align: center;
}

.areas-de-atuação {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.areas-de-atuação ul li:hover {
    transform: scale(1.1);
    background-color: #B5A47A;

}

@media only screen and (max-width: 768px) {
    h2 {
        font-size: 1.8rem;
    }

    .areas-de-atuação ul li {
        font-size: 0.8rem;
        margin: 1rem auto 1rem auto;
    }
}


.areas-de-atuação ul {
    margin-top: 3rem;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style-type: none;
}