@charset "UTF-8";
/*** Imports ***/
/*@import 'vendor/fontawesome/font-awesome.scss';*/
/** Font Awesome **/
/** Only include styles needed on the page **/
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.2.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/*@import 'vendor/fontawesome/icons';*/
/** Video icons **/
.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-volume-down:before {
  content: ""; }

.fa-volume-up:before {
  content: ""; }

/** Content **/
body {
  color: #655224;
  font-family: Sans-Serif;
  margin: 0; }

a {
  color: #655224; }

.bg-image {
  background: url(../img/bg-page.jpg) center center no-repeat;
  background-size: cover;
  height: 100%;
  margin: 0;
  position: absolute;
  width: 100%;
  z-index: 1; }

.bg-video {
  bottom: 0;
  min-height: 100%;
  min-width: 100%;
  position: fixed;
  right: 0;
  z-index: 2; }
  @media only screen and (max-device-width: 800px) {
    .bg-video {
      display: none; } }

.video-controller {
  bottom: 0;
  height: 3em;
  position: absolute;
  right: 0;
  z-index: 5; }
  @media only screen and (max-device-width: 800px) {
    .video-controller {
      display: none; } }
  .video-controller ul {
    float: left;
    margin: 0 1px 0 0;
    padding: 0; }
  .video-controller li {
    display: block;
    float: left; }
    .video-controller li a {
      background-color: rgba(255, 255, 255, 0.3);
      display: block;
      padding: 1em;
      text-decoration: none; }
      .video-controller li a:hover {
        background-color: rgba(255, 255, 255, 0.9);
        color: #bbcd07; }
      .video-controller li a i {
        display: block;
        text-align: center;
        width: 1.5em; }
  .video-controller .credits {
    background-color: rgba(255, 255, 255, 0.3);
    float: right;
    height: 3em;
    padding: 0 1em; }
    .video-controller .credits:hover {
      background-color: rgba(255, 255, 255, 0.9); }
    .video-controller .credits p {
      font-size: 0.75em;
      padding-top: 0.375em; }

.text {
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 3; }
  .text .inner {
    display: table-cell;
    margin: auto;
    text-align: center;
    vertical-align: middle; }
  .text h1, .text h2, .text p {
    font-size: 0.75em; }

.page {
  /*background: url(../img/bg-page.jpg) center center no-repeat;
  background-size: cover;*/
  display: table;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 4; }
  .page .inner {
    display: table-cell;
    margin: auto;
    text-align: center;
    vertical-align: middle; }
  .page figure {
    margin: auto;
    /*max-width: 556px;*/
    max-width: 480px;
    min-width: 320px; }
    .page figure img {
      border-style: none;
      height: auto;
      width: 100%;
      -webkit-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.05);
      -moz-box-shadow: 0px 0px 5px 10px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 0px 15px 20px rgba(0, 0, 0, 0.05); }
  .page .phone {
    display: inline-block;
    font-size: 1em;
    padding-top: 0.5em; }
    @media only screen and (min-device-width: 800px) {
      .page .phone {
        display: none; } }

/*# sourceMappingURL=styles.css.map */