/* CSS Document */

/*@font-face {
  font-family: 'Akkurat';
  src:url("../fonts/Akkurat.woff") format('woff'),
	  url("../fonts/Akkurat.ttf") format('truetype'),
	  url("../fonts/Akkurat.otf") format('otf');
		
}*/


@font-face {
  font-family: 'Akkurat';
  src: url('Akkurat.svg#Akkurat') format('svg'),
       url('Akkurat.ttf') format('truetype'),
       url('Akkurat.woff') format('woff'),
	  url('AkkRg___.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Akkurat', sans-serif;
	color: white;
	
}

h1 {
	font-family: 'Akkurat';
	/*font-weight: 700;*/
	font-weight: bolder;
	font-size: 4rem;
}

h2  {
	font-weight: lighter;
	font-size: 1.5rem;
}

@media screen and (max-width: 600px) {
	
	h1 {
		font-size: 3rem;
	}
	
	h2 {
		text-shadow: 0px 0px 10px black;
	}
	
	.content {
	
	margin: 500px 0px 0px 50px;

}
}
	
.container {
	widows: 100%;
	height: 100vh;
	background-image: url("../images/LO_background.jpg");
	background-size: cover;
	background-position: center; 
	overflow: hidden;
	position: relative;
}

#blur-area{
	position: absolute;
	width: 700px;
	max-width: 50%;
	height: 100vh;
	left: 0;
	top; 0;
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
		
}

.logopos{
	float: right;
	padding-top: 80px;
	padding-right: 80px;
}


.logo {
	z-index: 100;
	width: 160px;
}

.content {
	
	width: 600px;
	position: relative;
	/*margin-top: 100px;
	margin-left: 100px;*/
	margin: 200px 0px 0px 100px;

}

@media screen and (max-width: 600px) {
	
	.content {
		margin: 500px 0px 0px 50px;
	}
}