/* 01. PREPARE
----------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,300,300italic,400italic,500italic,500,700,700italic');
@import url('https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/*
    font-family: 'Raleway', sans-serif;
    font-family: 'Ubuntu', sans-serif;
    font-family: 'Open Sans', sans-serif;
	
	Open+Sans|Raleway|
	*/


.logo {
	margin-top: 20px;	
}
.teaser {
	margin-top: 20px;	
}

html,body {
	width: 100%;
	height: 100%;	
}
body {
	font-family: 'Raleway', sans-serif;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	line-height: 23px;
	color: #666;
	background-image: url(../images/bg.jpg);
	background-size: cover;
	position: absolute;
}

.teaser h1 {
	font-family: ubuntu, sans-serif;
	font-weight: 700;	
	color: #fff;
	text-transform: uppercase;
	font-size: 50px;
}
.teaser p {
	font-family: ubuntu, sans-serif;
	font-weight: 500;	
	color: #fff;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 40px;
	text-align: left;
}




/* Extra Small devices (480px and down) */
@media (max-width: 480px) {
  /* 5. Teaser Slider 480px
  -------------------------------------*/
}