a,h1,h2,h3,h4,h5,h6,p{color:#fff;font-weight:300}.overlay,.vignette{width:100%;pointer-events:none;left:0;top:0}.head,.overlay,.vignette{position:absolute;height:100%}.foot p,.foot2 a,.head h1{text-align:center;letter-spacing:.1em}body{margin:0;padding:0;font-family:Oswald,sans-serif}h1{font-size:12em;line-height:1}h2{font-size:2em;line-height:2em}a,p{font-size:1.4em;line-height:1.3em}.hidden{display:none}.overlay{background:url(../images/noise.png);opacity:.14}.vignette{background-image:-webkit-radial-gradient(50% 50%,ellipse,rgba(255,255,255,.15) 10%,rgba(0,0,0,1) 100%);background-image:radial-gradient(50% 50%,ellipse,rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%)}.head{min-width:100%}.head h1{animation:color 25s ease-in-out infinite alternate,grow 12s ease-in-out infinite alternate;padding-top:5%;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.container{margin:auto;display:inline-block;perspective:600px;width:100%;height:97vh}.foot{transform-origin:50% -30%;transition:all .4s linear;opacity:1}.foot,.foot2{position:absolute;bottom:20px;min-width:100%;-webkit-transition:all .4s linear}.turned{transform:rotate3d(1,0,0,114deg);opacity:0}.foot p{padding:0}.small{font-size:.9em}.foot2{display:block;background:#fff;padding:35px 0;transform-origin:50% 120%;transition:all .4s linear;opacity:1}.turned2{transform:rotate3d(1,0,0,-52deg);opacity:0}.foot2 a{display:block;margin:0 auto;text-decoration:none;color:#333}@-webkit-keyframes grow{0%{-webkit-transform:translate3d(0,0,0) scale(.9)}100%{-webkit-transform:translate3d(0,0,0) scale(1)}}@keyframes grow{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(0,0,0) scale(1)}}@keyframes color{0%,100%{color:#fff}50%{color:#000}}@media screen and (max-width:1280px){h1{font-size:9em}.head h1{letter-spacing:.1em;padding-top:17%}}@media screen and (max-width:1024px){h1{font-size:7.5em}.head h1{letter-spacing:.1em;padding-top:18%}}@media screen and (max-width:980px){h1{font-size:5.7em}.head h1{letter-spacing:.15em;padding-top:27%}a,p{font-size:1.1em}.small{font-size:.9em}}@media screen and (max-width:768px){h1{font-size:4.6em}.head h1{letter-spacing:.15em;padding-top:30%}a,p{font-size:1em}.small{font-size:.8em}}@media only screen and (min-device-width:414px) and (max-device-width:736px){h1{font-size:2.6em}.head h1{letter-spacing:.15em;padding-top:30%}a,p{font-size:.7em}.small{font-size:.6em}}@media only screen and (min-device-width:320px) and (max-device-width:480px){h1{font-size:2.5em}.head h1{letter-spacing:.15em;animation:none;padding-top:30%;text-shadow:none}a,p{font-size:.6em}.small{font-size:.5em}}