@import url(//db.onlinewebfonts.com/c/f0db0faa0f4af4630e2db0cd30400f2c?family=Helvetica+Neue+LT+Std);

@font-face {font-family: "Helvetica Neue Bold LT Std"; src: url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.eot");
  src: url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.eot?#iefix") format("embedded-opentype"),
  url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.woff2") format("woff2"),
  url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.woff") format("woff"),
  url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.ttf") format("truetype"),
  url("//db.onlinewebfonts.com/t/19f8d00e507858a750cc961c7e45562c.svg#Helvetica Neue LT Std") format("svg"); }

@font-face {font-family: "Helvetica Neue Regular LT Std"; src: url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.eot");
  src: url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.eot?#iefix") format("embedded-opentype"),
  url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.woff2") format("woff2"),
  url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.woff") format("woff"),
  url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.ttf") format("truetype"),
  url("//db.onlinewebfonts.com/t/f0db0faa0f4af4630e2db0cd30400f2c.svg#Helvetica Neue LT Std") format("svg"); }

* {
  margin: 0;
  padding: 0;
  color: white;
}
html {
  background: black;
  -webkit-font-feature-settings: "kern" 1;
  text-rendering: optimizeLegibility;
}
h1 {
  font-family: "Helvetica Neue Bold LT Std";
}
p {
  font-family: "Helvetica Neue Regular LT Std";
}
a {
  font-family: "Helvetica Neue Bold LT Std";
  letter-spacing: 0.1vw;
  text-decoration: none;
}
strong {
  letter-spacing: 0.1vw;
  font-family: "Helvetica Neue Bold LT Std";
}
header {
  height: 60%;
}
footer {
  height: 40%;
}

/** DESKTOP **/
@media only screen and (min-width : 1025px) {
  h1 {
    font-size: 4.8vw;
    line-height: 1vw;
    letter-spacing: 0.2vw;
    padding: 4vw 0 0 4vw;
  }
  p, a {
    font-size: 2vw;
    padding: 4vw  0 1vw 4vw;
  }
  header {
    padding-top: 2vw;
  }
  #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 4.5vw;
  }
 .mbr {
   display: none;
 }
 .slash {
   display: inline-block;
 }
}

/** SMARTPHONE PORTRAIT **/
@media only screen and (max-width : 415px) {
  h1 {
    font-size: 10vw;
    line-height: 9.5vw;
    letter-spacing: 0.1vw;
    padding: 6vw 0 0 6vw;
  }
  p, a {
    font-size: 4vw;
    padding: 6vw  0 1vw 6vw;
  }
  header,
  footer {
    float: left;
    height: auto;
    width: 100%;
  }
  #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 38vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 6vw;
  }
  br {
    display: none;
  }
  .mbr {
    display: block;
    line-height: 5vw;
  }
  .slash {
    display: none;
  }
}


/** SMARTPHONE PORTRAIT **/
@media only screen and (min-width : 416px) and (max-width : 767px) and (orientation : portrait) {
  h1 {
    font-size: 10vw;
    line-height: 9.5vw;
    letter-spacing: 0.1vw;
    padding: 6vw 0 0 6vw;
  }
  p, a {
    font-size: 4vw;
    padding: 6vw  0 1vw 6vw;
  }
  header,
  footer {
    float: left;
    width: 100%;
  }
  #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 5vw;
  }
  br {
    display: inline-block;
  }
  .mbr {
    display: none;
    line-height: 5vw;
  }
  .slash {
    display: none;
  }
}


/** SMARTPHONE LANDSCAPE **/
@media only screen and (min-width : 200px) and (max-width : 767px) and (orientation : landscape) {
  h1 {
    font-size: 5vw;
    line-height: 4vw;
    padding: 2vw 0 0 2vw;
  }
  p, a {
    font-size: 2.4vw;
    padding: 3vw  0 1vw 2vw;
  }
  header {
    padding-top: 2vw;
  }
  header,
  footer {
    float: left;
    width: 100%;
    heigh: auto;
  }
  #logo {
    position: fixed;
    right: 0;
    bottom: 0;
    width: 30vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 5vw;
  }
  br {
    display: inline-block;
  }
  .mbr {
    display: none;
    line-height: 5vw;
  }
  .slash {
    display: none;
  }
}


/** TABLET PORTRAIT **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  h1 {
    font-size: 8vw;
    line-height: 7.5vw;
    padding-top: 8vw;
    padding-left: 4vw;
    margin-bottom: -30px;
  }

  p, a {
    font-size: 3vw;
    padding: 0vw  0 0 4vw;
  }
  .tabletbs {
    margin-top:10vw;
  }
  header,
  footer {
    float: left;
    width: 100%;
  }
  #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 5vw;
  }
  br {
    display: none;
  }
  .mbr {
    display: block;
  }
  .slash {
    display: none;
  }
}


/** TABLET LANDSCAPE **/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation: landscape) {
  h1 {
    font-size: 5vw;
    line-height: 0vw;
    padding: 6vw 0 0 3vw;
  }
  p, a {
    font-size: 2vw;
    padding: 3vw  0 1vw 3vw;
  }
  .tabletbs{
    margin-top: 2vw;
  }
  #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 25vw;
    height: auto;
  }
  #footer-text {
    position: absolute;
    left: 0;
    bottom: 4.5vw;
  }
  .mbr {
    display: none;
  }
  .slash {
    display: inline-block;
  }
}