html,body{
margin:0;padding:0;height:100%;
}
body{
background:#000;
overflow:hidden;
}
.hero{
width:100vw;
height:100vh;
background:url(//www.nordicsnacks.eu/wp-content/themes/nordic-snacks-comingsoon/assets/hero.png) center center no-repeat;
background-size:cover;
}
@media(max-width:768px){
.hero{
background-size:contain;
background-color:#000;
}
}