@media (max-width: 768px) {
    header> h1{
        width: 90%;
        text-align: center;
    }

    #sites> div> h1{
        margin-bottom: -10px;
    }
    
    #lst-sites{
        flex-direction: column;
        align-content: center;
        justify-content: space-around;
    }
    
    #lst-sites> li{
        width: 85%;
    }

    #lst-contato> li{
        list-style: none;
        width: 40%;
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    #lst-contato> li> a> img {
        height: 115px;
    }
}