.Hero{position:relative;height:500px;width:100%;overflow:hidden;background-size:cover;background-position:50%;margin:0 0 10px}@media only screen and (min-width:768px){.Hero{margin:0 0 20px}}@media only screen and (min-width:1200px){.Hero{max-width:1200px;height:600px}}.Hero h1{position:absolute;top:50%;left:50%;width:100%;margin:0;transform:translate(-50%,-50%);font-family:Lato,sans-serif;font-weight:700;font-size:38px;line-height:1.1;text-align:center}@media only screen and (min-width:768px){.Hero h1{font-size:48px}}