@media (max-width: 1024px) {
    body{
        grid-template-columns: 1fr;
        text-align: center;
        background-color: rgb(204, 136, 195);
        margin: auto; 
    }
    header{
        background-color: rgb(161, 100, 218);
    }
    nav{
        background-color: rgb(232, 224, 138);
    }
    .logo{
        width: 150px;

    }
    button{
        background-color: rgb(40, 230, 100);
    }
    .formulario{
        background-color: rgb(113, 184, 177);
     
    }
    label{
        text-align: end;
    
    }
    footer{
        background-color: rgb(74, 67, 80);
        color: white;
        
    }
}
@media (max-width: 768px) {
    body{
        width: 100%;
        background-color: rgb(183, 132, 196);
    }
    header{
        background-color: rgb(175, 227, 246);
    }
    nav{
        background-color: rgb(148, 240, 203);
    }
    nav ul {
        flex-direction: column;   
    }
    footer{
        background-color: rgb(255, 255, 221);
        color: black;
    }

    .imagenes {
        grid-template-columns: 1fr;
        width: 100%;
    }
    .formulario{
        background-color: rgb(222, 156, 236);
    }
    button{
        background-color: rgb(92, 29, 239);
        color: #ffffff;

    }

    .comentarios form {
        padding: 10px;
    }
}