@import "//fonts.googleapis.com/css?family=Lato:300:400";
.header{position:relative;text-align:center;background:#bc8a2c;color:#000000}
.logo{width:50px;fill:#000000;padding-right:15px;display:inline-block;vertical-align:middle}
.inner-header{width:100%;margin:0;padding:0}
.flex{display:flex;justify-content:center;align-items:center;text-align:center}
.waves{position:relative;width:100%;height:18vh;margin-bottom:-7px;min-height:100px;max-height:180px}
.content{position:relative;height:20vh;text-align:center;background-color:#000000}
.parallax > use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.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:100px}
.content{height:30vh}
h1{font-size:24px}
}