@font-face {
  font-family: 'DivulgeRg-Regular';
  src: url('../fonts/DivulgeRg-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/DivulgeRg-Regular.woff') format('woff'), url('../fonts/DivulgeRg-Regular.ttf')  format('truetype'), url('../fonts/DivulgeRg-Regular.svg#DivulgeRg-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'DivulgeRg-Bold';
  src: url('../fonts/DivulgeRg-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/DivulgeRg-Bold.woff') format('woff'), url('../fonts/DivulgeRg-Bold.ttf')  format('truetype'), url('../fonts/DivulgeRg-Bold.svg#DivulgeRg-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
a, a:hover, a:visited, a:active
{
  border: 0;
  outline: none;
  color: #fff;
  text-decoration: none;
  filter: grayscale(1);
  -webkit-transition: filter 330ms ease-in-out;
  transition: filter 330ms ease-in-out;
}
body
{
    font-family: 'DivulgeRg-Regular', Helvetica, Arial, sans-serif;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: #000;
    text-align: center;
    background-image: url(../images/background.jpg);
    position: relative;
    color: #fff;
    text-transform: uppercase;
}
.header-space
{
  background-color: #000;
  position: relative;
  width: 100%;
}
.social-container
{
  text-align: left;
  position: relative;
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
}
.social-icon
{
  padding: 5px 10px;
  max-width: 50px;
  display: inline-block;
}
a:hover
{
  filter: grayscale(0);
}
.social-icon img
{
  width: 100%;
}
.logo
{
  margin: 30px 10% 30px;
  width: 100%;
  max-width: 800px;
}
h1
{
  font-weight: 300;
  letter-spacing: 10px;
  font-size: 24px;
}
.store-btn
{
  display: inline-block;
  text-align: center;
  margin-bottom: 50px;
  margin-top: 30px;
  padding: 0 20px;
}
.store-btn.apple
{
  width: 45%;
}
.store-btn.google-play
{
  width: 39%;
}
.store-btn img
{
  width: 100%;
}
.screens-container, .trailer-still
{
  display: inline-block;
  width: 50%;
  vertical-align: top;
}
.screens-container a
{
  display: inline-block;
  width: 50%;
  padding: 0 15px 15px 15px;
}
.screens-container a img, .trailer-still a img
{
  width: 100%;
}
.screens-container a img
{
  border: 2px solid #fff;
}
.row.marketing.footer
{
  background-color: #000;
  padding: 10px 0;
  margin: 50px 0 0;
}
.row.marketing.footer .footer-image
{
  filter: grayscale(0);
}
.footer-image
{
  padding: 15px 30px;
  display: inline-block;
}
.footer-image.square
{
  max-width: 260px;
}
.footer-image.io
{
  max-width: 270px;
}
.footer-image.montreal
{
  max-width: 120px;
}
.footer-image img
{
  width: 100%;
}
.legal-text
{
  width: 60%;
  margin: 10px auto 0 auto;
  font-size: 12px;
}
@media screen and (max-width : 1024px)
{
  body
  {
    background-position: right top;
  }
  h1
  {
    font-size: 18px;
  }
  .store-btn.apple, .store-btn.google-play
  {
    width: 60%;
    margin-top: 0;
  }
  .store-btn.apple
  {
    margin-top: 30px;
  }
  .screens-container, .trailer-still
  {
    width: 100%;
  }
  .screens-container a, .trailer-still a
  {
    padding: 10px;
    display: inline-block;
    position: relative;
  }
  .col-md-7
  {
    padding: 0;
    width: 100%;
  }
  .logo
  {
    margin: 50px auto 0 auto;
  }
}