@media (max-width: 1024px) {
    body{
        grid-template-columns: 1fr;
        text-align: center;
        background-color: rgb(6, 37, 177);
        margin: auto; 
    }
    header{
        background-color: rgb(1, 194, 219);
    }
    nav{
        background-color: rgb(0, 119, 255);
    }
   
    .formulario{
        background-color: rgb(113, 184, 177);
     
    }
    label{
        text-align: end;
    
    }
    footer{
        background-color: rgb(2, 0, 92);
        color: rgb(0, 5, 80);
        
    }
}
@media (max-width: 768px) {
    body{
        width: 100%;
        background-color: rgb(0, 38, 255);
    }
    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(1, 34, 71);
    }
    button{
        background-color: rgb(42, 3, 134);
        color: #ffffff;

    }

    .comentarios form {
        padding: 10px;
    }
}