header{
    display: grid;
    grid-template-columns: auto auto;
    padding: 2rem;
}

section{
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 2%;
    padding: 2%;
}

header nav{justify-self: end;}
header nav ul li{ display: inline-block;}
header nav ul li a{ text-decoration: none; color: #000;}

figure{ display: grid;background: #f0c9f2; 
    grid-template-columns: 65% 35%;
}
figcaption{ color: #bf2652; align-self: center; text-align: center;} 
figure img{ width: 100%;}
h1{ color: #bf2652; font-size: 2rem; font-weight: 700;}
h2{ color: #00450e; font-size: 1.5rem; font-weight: 700;}


footer{ width: 100%; min-height: 10rem;
background: url('img/fresas.webp');
background-size: cover;
}


footer p{color: #bf2652; font-size: 1rem; font-weight: 700; text-align: center; padding: 4.5rem;}
footer h5{color: #000000; font-size: 1.25rem; font-weight: 700; text-align: center; padding: 1rem;}

@media (max-width:500px) {
    body{background: red;}
    section{grid-template-columns: 1fr;}
    figure{ grid-template-columns: 1fr;}
}