.yellow{background-color:#FFDB56}
.btn{width:200px;height:55px;border:2px solid white;color:white;-webkit-transition:all 0.25s ease;-moz-transition:all 0.25s ease;transition:all 0.25s ease;cursor:pointer;line-height:220%}
.btn:hover{background-color:white;color:#FFDB56}
.hero{width:100%;height:80%;min-height:500px;position:relative}
.hero .container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:80%;height:80%;z-index:999}
.hero .tagline{font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-3px;width:40%;padding:8% 0 0 0;float:left;color:white}
.hero .tagline p{font-size:4rem;line-height:4rem;margin-top:10px}

@media (max-width: 1450px){.hero .tagline p{font-size:2.8rem;line-height:2.8rem;letter-spacing:-2px}}
@media (max-width: 600px){.hero .tagline p{font-size:2rem}}.hero .tagline h1{font-weight:bold;font-size:7rem;letter-spacing:-0.25rem;line-height:7rem}
@media (max-width: 1450px){.hero .tagline h1{font-size:5rem;line-height:5rem}}
@media (max-width: 1450px){.hero .tagline{padding:9% 0 0 0}}
@media (max-width: 800px){.hero .tagline{float:none;width:100%;margin-bottom:70px}}
.hero .downloads{float:right;width:40%;color:white;font-family:"Helvetica Neue","HelveticaNeue","Helvetica-Neue",Helvetica,Arial,sans-serif;font-weight:bold;letter-spacing:-1px;font-size:1.5rem;height:100%;position:relative}
.hero .downloads .btn-container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%}
.hero .downloads .btn-container .btn{float:right;text-align:center;margin-left:20px}
@media (max-width: 800px){.hero .downloads .btn-container .btn{float:left;margin:20px 20px 0 0}}
@media (max-width: 800px){.hero .downloads{float:none;width:100%;height:auto}}.content{width:80%;height:auto;margin:0 auto;color:#464646;letter-spacing:-1px;padding:75px 0 75px 0}
.content h2{font-size:3rem;font-weight:bold;margin:0 0 10px 0}
.content p{font-size:1.4rem;font-weight:normal}
.content code{display:block;min-height:100px;width:100%;margin:20px 0 20px 0;padding:10px 0}
code{background-color:#464646;color:#FFDB56;font-size:1rem}
@media (max-width: 800px){code{font-size:.8rem}}
@media (max-width: 600px){code{font-size:.5rem}}
#code-header{margin-bottom:0px}
#code-footer{margin-top:0px}
.code-comment{font-style:italic;color:gray}
hr{margin:50px 0}
@media (max-width: 800px){.download{display:none}}

/*# sourceMappingURL=style.css.map */