@import url(//fonts.googleapis.com/css?family=Lato:300:400);body{margin:0}h1{font-size:48px;font-weight:300;letter-spacing:2px}h1,p{font-family:Lato,sans-serif}p{color:#333;font-size:14px;letter-spacing:1px}.header{background:linear-gradient(60deg,teal,#f4a460);color:#fff;display:block;position:relative;text-align:center}.logo{display:inline-block;fill:#fff;padding-right:15px;vertical-align:middle;width:50px}.inner-header{height:60vh;margin:0;padding:0;width:100%}.flex{align-items:center;display:flex;justify-content:center;text-align:center}.waves{height:15vh;margin-bottom:-7px;max-height:150px;min-height:100px;width:100%}.content,.waves{position:relative}.content{background-color:#fff;height:20vh;text-align:center}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{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)}to{transform:translate3d(85px,0,0)}}@media (max-width:768px){.waves{height:40px;min-height:40px}.content{height:30vh}h1{font-size:24px}}#login .container #login-row #login-column #login-box{background-color:#eaeaea;border:1px solid #9c9c9c;height:400px;max-width:600px}#login .container #login-row #login-column #login-box #login-form{padding:20px}