body::before {
content: '';
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.9) 100%);
z-index: 0; 
}
html {
height: 100%;
}
body {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
padding: 0;
height: 100%;
color: #fff;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
overflow: hidden;
flex-direction: column;
background: url(../img/haifa_design_mapsted.jpg) no-repeat center center;
background-size: cover;
}
h1 {
position: relative;
z-index: 1;
margin: 0;
font-weight: 400;
font-size: 112px;
text-align: center;
}
@media (max-width: 1024px) {
h1 {
font-size: 64px;
}    
}
@media (max-width: 640px) {
h1 {
font-size: 32px;
}    
}