/*********************
    SPLASH PAGE STYLES
  *********************/
.full-width{
 background-color: #00b3f1;
}

.full_width_inner {
  width: 300px;
  background: none;
  color: #fff;
}

h1 {
  font-size: 1.5em;
  line-height: 1.2;
}

h1,
p,
a,
p a {
  color: #fff;
}

@media (min-width: 800px) {
  .full_width_inner {
    width: 500px;
  }
  h1 {
    font-size: 2.2em;
    line-height: 1.333em;
  }
}

.full_width {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: #00b3f1;
  font-family: 'Avenir', sans-serif;
  color: #fff;
  transition: background-color 3s cubic-bezier(0.31, 0.5, 0.83, 0.52);
}

.full_width.fadeToBlack {
  background-color: #000;
}

.full_width > .full_width_inner {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

span.cursor {
  border-right: .1em solid;
  -webkit-animation: cursor 1s steps(1) infinite;
  -moz-animation: cursor 1s steps(1) infinite;
  -o-animation: cursor 1s steps(1) infinite;
  animation: cursor 1s steps(1) infinite;
}

.type-heading:before {
  content: '<';
}

.type-heading:after {
  content: '>';
}

@-webkit-keyframes cursor {
  50% {
    border-color: transparent;
  }
}

@-moz-keyframes cursor {
  50% {
    border-color: transparent;
  }
}

@-o-keyframes cursor {
  50% {
    border-color: transparent;
  }
}

@keyframes cursor {
  10% {
    border-color: rgba(255, 255, 255, 0.8);
  }
  50% {
    border-color: transparent;
  }
}