.mostrar {
     display: block;
 }

 .esconder {
     display: none;
 }
body {
    width: 100%;
}

.logo-colorida {
    margin-top: 50px;
    height: fit-content;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
}

#who-content {
    width: 100%;
    margin-top: 100px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

#who-content>div.quadrado-esquerdo {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#who-content>div.quadrado-direito {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

#who-content>div.quadrado-esquerdo>div>img {
    width: 500px;
}

#who-content>div.quadrado-direito>h4 {
    width: 550px;
    text-align: justify;
    font-family: "Roboto", sans-serif;
}

.patrocinadores {
    margin-top: 150px;
    width: 100%;
    height: 370px;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}

body>section.patrocinadores>div {
    font-size: 30px;
    font-family: "Roboto", sans-serif;
    font-weight: bold;
}

/* Estilos para telas com largura menor ou igual a 768px */
@media (max-width: 1020px) {
    
    body {
        width: 100%;
    }

    .logo-colorida {
        margin-top: 30px;
    }

    #who-content {
        margin-top: 50px;
        flex-direction: column;
        /* Altera para layout de coluna */
    }

    #who-content>div.quadrado-esquerdo,
    #who-content>div.quadrado-direito {
        width: 100%;
        text-align: center;
    }

    #who-content>div.quadrado-esquerdo>div>img {
        width: 100%;
        max-width: 300px;
        /* Limita a largura da imagem */
    }

    #who-content>div.quadrado-direito>h4 {
        width: 100%;
        max-width: 300px;
        /* Limita a largura do texto */
        margin: 20px auto;
    }

    .patrocinadores {
        margin-top: 50px;
        height: auto;
        /* Altura ajustável ao conteúdo */
                padding: 20px 20px 20px 20px;

    }

    body > section.patrocinadores{
        padding: 20px 20px 20px 20px;
    }

    body>section.patrocinadores>div {
        font-size: 24px;
    }
}

/* Estilos para telas maiores que 768px */
@media (min-width: 769px) {
   
    body {
        width: 100%;
    }

    .logo-colorida {
        margin-top: 50px;
    }

    #who-content {
        margin-top: 100px;
        flex-direction: row;
    }

    #who-content>div.quadrado-esquerdo,
    #who-content>div.quadrado-direito {
        width: 50%;
        text-align: center;
    }

    #who-content>div.quadrado-esquerdo>div>img {
        width: 500px;
        max-width: 100%;
    }

    #who-content>div.quadrado-direito>h4 {
        width: 550px;
        text-align: justify;
        margin: 0;
    }

    .patrocinadores {
        margin-top: 150px;
        height: 370px;
        padding: 20px 20px 20px 20px;
    }

    body>section.patrocinadores>div {
        font-size: 30px;
    }
}

@media (min-width: 926px) {
    .mostrar {
            display: none;
            
        }
    
        .esconder {
            display: block;
        }
      
         .patrocinadores {
             margin-top: 150px;
             height: 370px;
                     padding: 20px 20px 20px 20px;

         }
                  body>section.patrocinadores>div {
                      font-size: 30px;
                  }
}