.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.pull-left{float:left}.pull-right{float:right}.relative{position:relative}@font-face{font-family:AmericanCaptain;src:url(/fonts/AmericanCaptain.eot);src:url(/fonts/AmericanCaptain.eot?#iefix) format("embedded-opentype"),url(/fonts/AmericanCaptain.otf) format("opentype"),url(/fonts/AmericanCaptain.svg) format("svg"),url(/fonts/AmericanCaptain.ttf) format("truetype"),url(/fonts/AmericanCaptain.woff) format("woff"),url(/fonts/AmericanCaptain.woff2) format("woff2");font-weight:400;font-style:normal}body{background-color:#000;color:#fff;margin:0;padding:0}.container{font-family:AmericanCaptain;background-image:url(/img/ironman.jpg);background-repeat:no-repeat;background-position:right bottom;background-size:auto auto;color:#fff;margin:0;padding:0;height:100vh}.position{position:absolute;top:12rem;left:7rem}.position h1{font-size:9rem;margin:0;color:#b97d10}.position h2{margin:0;font-size:4rem;color:#aa0505}.position h3{font-size:4rem}.position p{font-size:2rem;opacity:.7}.position input{font-family:AmericanCaptain;font-size:4rem;color:#fff;border:none;appearance:none;-webkit-appearance:none;background:0 0;outline:0;display:block;margin:3rem 0 0}.position button{appearance:none;-webkit-appearance:none;border-radius:1rem;border:none;background-color:#b97d10;background:-webkit-gradient(linear,left top,left bottom,from(#b97d10),to(#fbca03));background:-webkit-linear-gradient(top,#b97d10,#fbca03);background:-moz-linear-gradient(top,#b97d10,#fbca03);background:-ms-linear-gradient(top,#b97d10,#fbca03);background:-o-linear-gradient(top,#b97d10,#fbca03);background:linear-gradient(to bottom,#b97d10 0,#fbca03 100%);font-size:3rem;padding:1rem 3rem .4rem 3rem;font-family:AmericanCaptain;color:#fff;margin-top:3rem}.position button:disabled{opacity:.3;cursor:not-allowed}.position pre{font-size:1rem}@media (min-width:1199px) and (max-width:1370px){.container{background-size:50%}}@media (min-width:992px) and (max-width:1199px){.position{top:8rem;left:2rem}.position h1{font-size:7rem}.position h2{font-size:3rem}.position input{font-size:3rem}}@media (min-width:768px) and (max-width:991px){.container{background-size:70%}.position{top:5rem;left:2rem}.position h1{font-size:4rem}.position h2{font-size:1.8rem}.position input{font-size:3rem}body{background-size:100% auto;color:#fff}}@media (max-width:767px){.container{background-size:100%;background-image:url(/img/ironman-mobile.jpg);background-position:center bottom}body{height:100vh}.position{position:relative;top:2rem;left:0;text-align:center}.position h1{font-size:7rem}.position h2{font-size:3rem}.position input{font-size:2rem;text-align:center;display:block;width:100%;margin-bottom:0;padding:0}}@media (max-width:414px){.position h1{font-size:3rem}.position h2{font-size:1.5rem}.position input{font-size:2rem}body{background-size:auto 100%;color:#fff;height:100vh}}@media (max-width:320px){.position h1{font-size:3rem}.position h2{font-size:1.3rem}.position input{font-size:2rem;margin-bottom:-1rem}.position button{font-size:2rem}}