No entiendo porque le agregas el fondo desde el "style" del DIV...
Prueba con esto:
Código:
.img-header-art {
height: 480px;
width: 100%;
background-image: url("images/cabecera-articulo.jpg");
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
}
.img-header-art>h3{
color: #fff;
font-size: 4vw;
text-shadow: 2px 2px black;
line-height: 1.2em;
letter-spacing: -1px;
font-family: 'Gotham-Medium', Helvetica, sans-serif;
letter-spacing: -1.5px;
margin: 0;
text-align: left;
text-transform: uppercase;
}
Y te recomiendo añadirle un "
background-color" para que cuando tarde mucho en cargar la página (3G o WiFi lento) el visitante sepa que "algo va ahí".