*{
    padding:0;
    margin:0;
}
body{
    background-image:url('../img/fondo.jpg');
    
    /*Cover se encarga de “decirle” al navegador que el alto y ancho de la imagen se tienen que escalar de forma automática y proporcional de acuerdo a la ventana de visualización o viewport.*/
    background-size:cover;
}


/*CONTENEDOR DE TODA LA WEB EXCEPTO EL FOOTER*/
.content{
    height:82vh;
}



header h1{
   text-align:center;
   color:red;
   margin:3% 0 3% 0;
   font-size:49px;
}


#imagenes{
    width: 100%;
    text-align: center;
    margin-bottom:3%;
}


#imagenes-coches{
    width:50%;
}


.links{
    text-align:center;
}



.links a{
    font-weight:bold;
    color:green;
    font-size:37px;
    transition:all 800ms;
    text-decoration:none;
}


.links a:hover{
    color:lightgreen;
    text-shadow:1px 2px 2px black, 3px 4px 3px black;
}


footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:black;
    text-align:center;
    color:white;
    padding:0.5%;
    margin-top:2%;
    height:6vh;
}

footer a{
    width:70%;
}


footer a img{
    width: 3.5%;
    margin-right: -94%;
}

footer #autor{
    text-align: center;
    font-weight:bold;
    width:44%;
}


/*MEDIA QUERIES*/


@media(max-width:1448px){
    footer #autor{
        font-size:15px;    
    }
}

@media(max-width:1357px){
    footer #autor{
        font-size:13px;    
    }
    
}

@media(max-width:1177px){
    footer #autor{
        font-size:10px;    
    }
    
    
}

@media(max-width:1070px){
    .content{
            height:87vh;
        }

}
@media(max-width:700px){
    .content{
        height:92vh;
    }
    
    footer #autor{
        width:81%;
        font-size:10px;
    }
    
}


@media(max-width:430px){
    
    header h1{
        font-size:20px;
    }
    
    
    .content{
        height:85vh;
    }
    
    #imagenes-coches{
        width:100%;
    }
    
    .links a{
        font-size:16.5px;
    }
    
    footer #autor{
        width:435%;
        font-size:8.5px;
        margin-left:0.5%;
    }
    footer a img{
        width: 33%;
        margin-right: -77%;
    }
    
    footer a{
        margin-right:2%;
    }    
    
}