/**
 * @author Thomas Butler
 * @abstract This is CSS (style sheet) for the application.
 * @copyright 2016 Repetix, LLC.
 */

body {
  background: #282828;
  font-family:'Raleway', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.logo {
  margin-top: 60px;
  max-width: 355px;
  margin-bottom: 20px;
}
.title {
  font-family:'RobotoLight', 'HelveticaNeue', Helvetica, Arial, sans-serif;
  font-size: 35px;
  font-weight: 300;
  color: #FFFFFF;
  margin-bottom: -10px;
}
.headline {
  font-family: 'bebas-neue-regular';
  font-size: 25px;
  font-weight: 300;
  line-height: 35px;
  color: #FF8300;
}
.maintext {
  font-weight: 300;
  line-height: 22px;
  color: #CCCCCC;
}
.applinks {
  margin-top: 120px;
}
.appstore {
  display: inline-block;
  max-width: 185px;
}
.wrapper {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.container {
  margin: 0 auto;
  max-width: 440px;
  width: 100%;
  position: relative;
}
.textblock {
  display: inline-block;
  width: 400px;
  margin-left: 475px;
  text-align: left;
}
.frame {
  position: relative;
  width: 380px;
  height: 600px;
  top: 40px;
}
.phone {
  position: absolute;
  background: #111;
  border-radius: 55px;
  box-shadow: 0px 0px 0px 2px #aaa;
  top: 0px;
  width: 400px;
  height: 600px;
  padding: 95px 25px;
}
.phone:before {
  content: '';
  width: 60px;
  height: 10px;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  margin-left: -30px;
  background: #333;
  top: 40px;
}
.phone:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
  border-radius: 100%;
  box-sizing: border-box;
  border: 5px solid #333;
}
.phone iframe {
  height: 600px;
  display: block;
  width: 100%;
  margin-top: 0px;
}
.spacer {
  height: 600px;
}
.marvel-device.iphone6plus.landscape {
  padding: 16px 68px;
  height: 365px;
  width: 580px;
  margin-top: 40px;
  margin-left: 475px;
}
.marvel-device iframe {
  width: 100%;
  position: relative;
  height: 100%;
  color: white;
  z-index: 5;
  text-align: center;
  display: block;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 0 0 3px #111;
  box-shadow: 0 0 0 3px #111;
}
.vuebox .textblock {
  width: 680px;
  margin-top: 20px;
  text-align: center;
}
.vuebox .maintext {
  margin-top: 30px;
}
.vuebox .title {
  font-family: 'bebas-neue-regular';
  color: #FF8300;
}