html {
  background: url(../images/background.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
  color: #ffffff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: 300;
  line-height: 24px;
  font-size: 15px;
  background: none;
}

a {
  color: #acd9ef;
  text-decoration: none;
  font-weight: 400;
}

a:hover {
  font-weight: 400;
  text-decoration: none;
}

span.highlight {
  font-weight: 500;
  font-size: 18px;
}

.container {
  margin-top: 60px;
}

p {
  margin: 0 0 30px;
}

@media (max-width: 768px) {
  html {
    background-position: 60% 0px;
 }

  .transbox {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000000;
    border: 1px solid black;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
  }

  body .container {
    margin-top:0;
    opacity: 1;
    filter:alpha(opacity=100); /* For IE8 and earlier */
  }

  .row:first-child p {
    margin-top: 50px;
  }
}