.wrapper{position:relative}.wrapper__cinemagraph{height:100vh;overflow:hidden}.banner{position:fixed;top:0;left:0;width:100%;z-index:15;min-height:10em;border-top:7px solid #52B1E3;background:rgba(255,255,255,0);transition:background-color 0.5s ease}.main_menu{background:none;position:absolute;left:210px;top:2em;right:5em}.main_menu ul{width:100%;margin:0 auto;text-align:right}.flashlogo{position:absolute;left:5em;top:5px}.cinemagraph{position:absolute;top:0;bottom:0;z-index:2;height:100%;width:100%;background:none 50% 50% / cover no-repeat}.cinemagraph__video{position:absolute;min-width:calc(100% + 2px);min-height:calc(100% + 2px);left:50%;top:50%;transform:translate(-50%, -50%)}.buttons{text-align:center;position:relative;z-index:10}.buttons h2{color:#fff;text-shadow:0.2em 0.2em 0.2em rgba(0,0,0,0.6);font-size:3.2em;padding-top:33vh;margin:0 auto 0.5em;max-width:20em}.buttons a{display:inline-block;padding:1em 2em;font-size:1.6em;margin:0.618em;background:#52B1E3;color:#fff;text-decoration:none}.buttons a:hover{background:#6DCFF6}@media only screen and (max-width: 700px){.wrapper__cinemagraph{height:auto;min-height:100vh;padding-bottom:2em}.banner{position:relative;height:auto;text-align:center}.flashlogo{position:relative}.main_menu{position:relative;width:100%;left:0;background:#6DCFF6}.main_menu ul{text-align:center}.buttons h2{padding-top:3em}}@media only screen and (min-width: 701px){.banner__scrolled{background:#fff}.banner__scrolled .main_menu a{color:#52B1E3}.banner__scrolled .main_menu a.selected,.banner__scrolled .main_menu a:hover{color:#fff}}@supports (-webkit-overflow-scrolling: touch){.wrapper{min-height:80%}}

/*# sourceMappingURL=home.css.map */