/*
 * 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: #bdd7f0;
  font-family: "bebas_neueregular";
  font-weight: 400;
  color: #ffffff;
}

/* line 144, ../sass/main.scss */
.main {
 background-image: url(../img/bg-desktop.jpg);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom center;
  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-image: url(../img/responsive-bg2.jpg);
  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: bottom;
}

/* line 199, ../sass/main.scss */
.inner {
  margin-left: auto;
  margin-right: auto;
  padding: 10px 10px;
	margin-top: 7.5%;
    
}

/* line 205, ../sass/main.scss */
.headline {
  margin-bottom: 20px;
  padding: 0 15px;
	display: block;
}
/* line 207, ../sass/main.scss */
.headline img {
  max-width: 100%;
  height: auto;
}

/* line 216, ../sass/main.scss */
.subline {
  font-size: 66px;
  text-transform: uppercase;
  margin-top: 10px;

	
}

.btn {
  font-size: 30px;
color: #fff;
	background-color: rgba(0,0,0,0.30);
	border: 2px solid #fff;
  text-transform: uppercase;
	margin:  0 auto 50px;
	 padding: 5px 25px;
	text-decoration: none;
	display: inline-block;
	

}


.btn:hover {
	background-color: rgba(0,0,0,0.10);
}

	.onmobile {
		display: none;
	}

/* line 225, ../sass/main.scss */
.arrow {
	display: none;
  height: 27px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
  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: 36px;
 }
	
	.onmobile {
		display: none;
	}	
	
	
}


@media (max-width: 768px) {
  /* line 225, ../sass/main.scss */
    .main {
         background-size:cover;
        background-image: url(../img/bg-tablet-portrait.jpg); 
    }
	
	
	.headline	{
		margin-top: 0%;
	} 
    
	.headline img {
  max-width: 65%;
  height: auto;
}
	
	
		.onmobile {
		display: none;
	}

	
}


@media (max-width: 479px) {
  /* line 225, ../sass/main.scss */
    .main {
       background-image: url(../img/bg-mobile.jpg); 
         background-size:cover;
    }
    

	.btn {
		font-size: 22px;
	}
	
	
	.ondesktop {
		display: none;
	}
	
	.onmobile {
		display: block;
	}

	
	
	.bottom {
  display: table-cell;
  vertical-align: middle;
		padding-bottom: 120px;
}
	
	.headline	{
		margin-left: auto;
		
	} 
    
		.headline img {
  max-width: 100%;
  height: 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);
}