/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
/* line 14, ../sass/main.scss */
html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */
/* line 28, ../sass/main.scss */
::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */
/* line 37, ../sass/main.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */
/* line 52, ../sass/main.scss */
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */
/* line 65, ../sass/main.scss */
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */
/* line 75, ../sass/main.scss */
textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */
/* line 83, ../sass/main.scss */
.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
/* line 123, ../sass/main.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 127, ../sass/main.scss */
body, html {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* line 133, ../sass/main.scss */
html {
  overflow-y: scroll;
}

/* webfonts */
@font-face {
	font-family: 'bebas_neueregular';
	src: url('../fonts/bebas/bebasneue-webfont.eot');
	src: url('../fonts/bebas/bebasneue-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/bebas/bebasneue-webfont.woff2') format('woff2'), url('../fonts/bebas/bebasneue-webfont.woff') format('woff'), url('../fonts/bebas/bebasneue-webfont.ttf') format('truetype'), url('../fonts/bebas/bebasneue-webfont.svg#bebas_neueregular') format('svg');
	font-weight: normal;
	font-style: normal;
}



/* line 137, ../sass/main.scss */
body {
  background-color: #000;
  font-family: "bebas_neueregular";
  font-weight: 400;
  color: #ffffff;
}

a {
     color: #ffffff;
    text-decoration: none;
}

/* line 144, ../sass/main.scss */
.main {
 background-image: url(../img/bg-desktop.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
  background-size: cover;
    
    position: relative;
  width: 100%;
  opacity: 0;
  font-size: 0;
  text-align: center;
  height: 100%;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -moz-transition-timing-function: linear;
  -o-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

/* line 157, ../sass/main.scss */
.show .main {
  opacity: 1;
}

/* line 161, ../sass/main.scss */
.cover-video-responsive {
  position: absolute;
  top: 0;
  text-align: center;
  width: 100%;
  bottom: 0;
  line-height: 0;
  overflow: hidden;
  height: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top center;
  background-size: cover;
  transform: scale(1);
  display: none;
}

.mobile .cover-video-responsive {
  display: block;
}

/* line 178, ../sass/main.scss */
.cover-video {
  position: absolute;
  top: 0;
  overflow: hidden;
  background: transparent;
  font-size: 0;
  line-height: 0;
}

.mobile .cover-video {
  display: none;
}

/* line 187, ../sass/main.scss */
.outer {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
}

/* line 194, ../sass/main.scss */
.middle {
  display: table-cell;
  vertical-align: middle;
}

.bottom {
  display: table-cell;
  vertical-align: center;
}

/* line 199, ../sass/main.scss */
.inner {
   margin: 0 auto;
    
  padding: 10px 10px 100px;
    
}

/* line 205, ../sass/main.scss */
.headline {
  padding: 0 15px;
  opacity: 0;
  -moz-transition: opacity 1s linear 0.5s;
  -o-transition: opacity 1s linear 0.5s;
  -webkit-transition: opacity 1s linear;
  -webkit-transition-delay: 0.5s;
  transition: opacity 1s linear 0.5s;
}
/* line 207, ../sass/main.scss */
.headline img {
  max-width: 100%;
  height: auto;
}

/* line 216, ../sass/main.scss */
.subline {
  font-size: 36px;
  text-transform: uppercase;
  margin-top: 10px;
  opacity: 0;
  -moz-transition: opacity 1s linear 1s;
  -o-transition: opacity 1s linear 1s;
  -webkit-transition: opacity 1s linear;
  -webkit-transition-delay: 1s;
  transition: opacity 1s linear 1s;
}


.subline a {
  color: #fff;
    text-decoration:none;
}



/* line 225, ../sass/main.scss */
.arrow {
    display: none;
    
  height: 27px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
  background: url("../img/arrow.png") center center no-repeat;
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  -moz-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  -webkit-transition: all 0.25s ease;
  -webkit-transition-delay: 0s;
  transition: all 0.25s ease 0s;
}
/* line 234, ../sass/main.scss */
.arrow:hover {
  opacity: 0.4;
}
@media (max-width: 720px) {
  /* line 225, ../sass/main.scss */
  .arrow {
    display: none;
  }
	.subline {
  font-size: 26px;
 }
    
    
    .middle {
  display: table-cell;
  vertical-align: middle;
}
    
    
}


@media (max-width: 768px) {
  /* line 225, ../sass/main.scss */
   	
	.cover-video-responsive {
          background-size:cover;
        background-image: url(../img/bg-tablet-portrait.jpg); 
        
    }
	
	
	
	
    
    .inner {
    margin-left: auto;
 
    
}

    
}


@media (max-width: 479px) {
  /* line 225, ../sass/main.scss */
    .cover-video-responsive {
       background-image: url(../img/bg-mobile-1.jpg); 
         background-size:cover;
    }
    
    
    .inner {
  padding: 80px 10px 10px;
           margin-left: auto;
 
    
}
    
    
    .arrow {
    display: none;
  }
}

/* line 249, ../sass/main.scss */
.show .headline {
  opacity: 1;
}
/* line 252, ../sass/main.scss */
.show .subline {
  opacity: 1;
}
/* line 255, ../sass/main.scss */
.show .arrow {
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}