@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url(menu.css);
@import url(banner.css);
@import url(avisolegal.css);
@import url(cookies.css);
@import url(privacidad.css);
@import url(recambios.css);
@import url(formulario.css);
@import url(empresa.css);
@import url(fontello.css);
@import url(mensaje-cookies.css);


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: 'Fjalla One', sans-serif;
    
}

 header img{
    float: left;
    width: 100%;
    height: auto;
    max-width: 280px;
    margin-top: 7px;
    cursor: pointer;
}

header{
    font-family: 'Oswald', sans-serif;
    width: 100%;
    height: 70px;
    background: rgb(255, 165, 0,0.7);
    color: #fff;
    position: fixed;/*la cabecera queda fija */
    top: 0;
    left: 0;
    z-index: 99;
}
.contenedor{
    width: 98%;
    margin: auto;
    
}
header .contenedor{
    display: table;
}
section{
    width: 100%;
    margin-bottom: 25px;
}

footer .contenedor{
    background: linear-gradient(to top, transparent, orange);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 7px;
    
}
footer .copy a {
    color:green;
    text-decoration: none;

}
footer a:hover{
    text-decoration: underline;
}

@media (min-width:1024px){
    .contenedor{
        width: 1000px;
    }
    
}