#header{width:100%;text-align:center;overflow:hidden;color:white;position:relative}#header::before{display:block;background:linear-gradient(60deg, #FFF6C6 0%, #ADDFCC 100%);width:100%;height:100%;content:"";position:absolute;top:0;left:0;z-index:-1}.logo{width:50px;fill:white;padding-right:15px;display:inline-block;vertical-align:middle;box-sizing:content-box}.inner-header{height:65vh;width:100%;margin:0;padding:0;position:relative;z-index:100}.metaslider .flexslider .slides li{height:65vh !important}.flex{display:flex;justify-content:center;align-items:center;text-align:center}.waves{position:relative;width:100%;height:15vh;margin-bottom:-7px;min-height:100px;max-height:150px}.content{position:relative;height:20vh;text-align:center;background-color:white}.parallax>use{animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}@media (max-width: 768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}#bg-interactive{transition:background-color 0.6s ease}.petal{position:absolute;width:30px;height:30px;background-image:url("../img/petal.svg");background-size:cover;animation:fly infinite linear;transform:rotate(85deg);z-index:10}.petal:nth-child(3n){animation:fly2 infinite linear}@keyframes fly{0%{transform:translate(0, 0);opacity:.7}5%{opacity:1}95%{opacity:1}100%{transform:translate(100vw, 50vh);opacity:0}}@keyframes fly2{0%{transform:translate(0, 10vh);opacity:.7}5%{opacity:1}95%{opacity:1}100%{transform:translate(100vw, 0);opacity:0}}