/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*
YUI 3.13.0 (build 508226d)
Copyright 2013 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
body {
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small; }

select, input, button, textarea {
  font: 99% arial,helvetica,clean,sans-serif; }

table {
  font-size: inherit;
  font: 100%; }

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%; }

#yui3-css-stamp.cssfonts {
  display: none; }

* {
  -webkit-text-size-adjust: none; }

@font-face {
  font-family: "dinnextltprocondensed";
  src: url("fonts/dinnextltprocondensed.eot");
  src: url("fonts/dinnextltprocondensed.eot?#iefix") format("embedded-opentype"), url("fonts/dinnextltprocondensed.svg#fonts/dinnextltprocondensed") format("svg"), url("fonts/dinnextltprocondensed.ttf") format("truetype"), url("fonts/dinnextltprocondensed.woff") format("woff"), url("fonts/dinnextltprocondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "dinnextltproheavycondensed";
  src: url("fonts/dinnextltproheavycondensed.eot");
  src: url("fonts/dinnextltproheavycondensed.eot?#iefix") format("embedded-opentype"), url("fonts/dinnextltproheavycondensed.svg#fonts/dinnextltproheavycondensed") format("svg"), url("fonts/dinnextltproheavycondensed.ttf") format("truetype"), url("fonts/dinnextltproheavycondensed.woff") format("woff"), url("fonts/dinnextltproheavycondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "dinnextltprolightcondensed";
  src: url("fonts/dinnextltprolightcondensed.eot");
  src: url("fonts/dinnextltprolightcondensed.eot?#iefix") format("embedded-opentype"), url("fonts/dinnextltprolightcondensed.svg#fonts/dinnextltprolightcondensed") format("svg"), url("fonts/dinnextltprolightcondensed.ttf") format("truetype"), url("fonts/dinnextltprolightcondensed.woff") format("woff"), url("fonts/dinnextltprolightcondensed.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: "gothamcondensedmedium";
  src: url("fonts/gothamcondensedmedium.eot");
  src: url("fonts/gothamcondensedmedium.eot?#iefix") format("embedded-opentype"), url("fonts/gothamcondensedmedium.svg#fonts/gothamcondensedmedium") format("svg"), url("fonts/gothamcondensedmedium.ttf") format("truetype"), url("fonts/gothamcondensedmedium.woff") format("woff"), url("fonts/gothamcondensedmedium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal; }
body {
  overflow: hidden;
  background-color: #000000; }

.container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/background.jpg") no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: 80px;
  padding-right: 0; }
  .container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.47); }
  .container .download-holder {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center; }
    .container .download-holder .download {
      margin-right: 80px; }
      .container .download-holder .download .title {
        font-size: 0;
        max-width: 600px; }
        .container .download-holder .download .title p {
          text-transform: uppercase;
          font-family: 'dinnextltprocondensed';
          font-size: 60px;
          color: #FFFFFF;
          letter-spacing: 0; }
          .container .download-holder .download .title p .heavy {
            font-family: 'dinnextltproheavycondensed';
            letter-spacing: 0;
            line-height: 96px; }
          .container .download-holder .download .title p.top, .container .download-holder .download .title p.bottom {
            font-family: 'gothamcondensedmedium';
            font-size: 25px;
            letter-spacing: 8px;
            display: flex;
            align-items: center; }
      .container .download-holder .download .bar {
        display: inline-block;
        flex-grow: 1;
        height: 1px;
        background-color: rgba(255, 255, 255, 0.15);
        margin-left: 18px; }
      .container .download-holder .download .download-info {
        display: flex;
        align-items: center;
        width: 600px;
        margin-top: 80px; }
        .container .download-holder .download .download-info .button {
          box-sizing: border-box;
          border-bottom: 4px solid #FF3333;
          background-color: rgba(255, 255, 255, 0.1);
          display: inline-block;
          width: 200px;
          height: 75px;
          line-height: 75px;
          text-transform: uppercase;
          font-family: 'gothamcondensedmedium';
          font-size: 20px;
          color: #FFFFFF;
          letter-spacing: 2px;
          text-align: center;
          text-decoration: none; }
        .container .download-holder .download .download-info .bar {
          margin-right: 18px; }
    .container .download-holder .device {
      flex-grow: 1;
      height: calc(100vh - 160px);
      max-width: 990px; }
      .container .download-holder .device img {
        object-fit: contain;
        object-position: left;
        width: 100%;
        height: 100%;
        max-width: 990px;
        max-height: 753px;
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        @media (min-height: 500px) {
          .container .download-holder .device img {
            object-fit: cover; } }

/*# sourceMappingURL=app-download.css.map */