.mask{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.hero-h1{position:relative;z-index:2;font-size:1.5em;line-height:1.5;color:#fff}.hero-sub{z-index:2;position:absolute;bottom:2em;top:auto;left:50%;transform:translateX(-50%);width:100%}.hero{position:relative;color:#fff;text-shadow:0 3px 5px rgba(0,0,0,0.5);text-align:center;padding:20% 1em;overflow:hidden}.hero-image{position:absolute;top:0;bottom:0;left:0;right:0;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:0;animation:move 65s ease infinite}@keyframes move{0%{transform:scale(1) translateX(0)}50%{transform:scale(1.3) translateX(60px)}to{transform:scale(1) translateX(0)}}.hero-menu{font-size:12px;color:#fff;border-bottom:1px solid #fff;max-width:1200px;width:100%;margin:0 auto;display:none;padding:1em 0}.hero-menu p{margin:0;font-size:16px}.hero-menu-header{width:35%;text-align:left}.hero-menu-items{text-align:right;width:65%}.hero-menu-items a{white-space:nowrap;color:#fff;text-transform:uppercase;letter-spacing:1px;font-size:10px;text-decoration:none;padding:0 1em}@media screen and (max-width:500px){.hero-sub{z-index:2;position:relative;bottom:auto;top:auto;left:auto;transform:translateX(0);width:100%}}@media screen and (min-width:768px){.hero-menu{display:flex}}@media screen and (min-width:970px){.hero-h1{font-size:3em}}@media screen and (min-width:1200px){.hero-h1{font-size:4em}.hero{padding:20% 10%}}