@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');

*{padding: 0; margin: 0; box-sizing: border-box; transition:  1s all;}

body {background-color: #ffeded;}

header {padding: 1rem; color:#000000;
        background-color: #ffe200;
        font-size: 1rem; box-sizing: border-box; width: auto;}



nav {padding:0.5rem; margin: 0;
    color: #ffe200; width: 100% ;
    background-color: black;}
Img {border-radius: 10px; width: auto;}
Main {padding: 1rem; background-color: red;}
Section {color: #000000; padding:1rem; }
Article{color: #000000; font-family: 'Raleway', sans-serif;}

Aside {padding: 1rem; background-color: #ffffff;}

Footer {padding: 1rem; box-shadow: .10rem .5rem. 5rem. silver;
        background-color: yellow;}

#article-nav{
top: 0;
right: 0;
}

#article-nav .boton-open{
display: inline-block;
padding: 1rem;
background-color: #fff;
}

#article-nav nav ul{
background-color: #000000;
}

#article-nav nav ul{
list-style:none
}

#article-nav nav ul li #{
display: block;
padding: 1rem;
}

.banner-raccoon{
     position: relative;
     display: inline-block;
     max-width: 100%
}
.banner-raccoon img{
     max-width:100%;
}


@media screen and (min-width:980px){
    header Img {width: auto}
    nav {background: red;}
    main {background-image: url(http://www.catedraocampo.com.ar/vn13/3/img/raccoons.jpg);}
    Img {width: auto;}

}