* {
    font-family: Roboto;
}

.horizontal{
    display:flex;
    justify-content:space-between;
}

body{
    font-weight:300;
    padding:0;
    margin:0;
}
    
header{
    display:grid;
    grid-template-columns:auto auto;
    padding:1.4rem 0rem 2rem 2rem;
}
    
header nav ul li{
    display:inline-block;
}
    
header nav ul li a{
    text-decoration:none;
}
    
figure{
    display:grid;
    background:#00450e;
    grid-template-columns:50% 50%;
}
    
figcaption{
    color:#ffffff;
    align-self:center;
    text-align:center;
}
    
figure img{
    width:100%;
}
    
section{
    display:grid;
    grid-template-columns:1fr 3fr;
    padding:2%;
}
    
h1{
    color:#00450e;
    font-size:2rem;
    font-weight:700;
}
    
h2{
    color:#00450e;
    font-size:1.5rem;
    font-weight:700;
}
    
footer{
    width:100%;
    background-image:url(../img/fresas.webp);
    background-size:cover;
}
    
footer p{
    color:#ffffff;
    font-size:1rem;
    text-align:center;
    padding:5rem;
}

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