/* public-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/public-sans-v20-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* public-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Public Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/public-sans-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


img{
  max-width:100%;
  height:auto;
  display:inline-block;
  vertical-align:top;
}

a{
	color:#fff;
	text-decoration:none;
	&:hover{
		color:#fff;
		border-bottom:1px solid #fff;
	}
}

html{
  font-size:100%;
  font-size:16px;
  font-size:1rem;
  overflow-x: hidden;
  height:100%;
  width:100%;
  font-weight:500;
}


body{
	-webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust:none;
  text-size-adjust: none;
  color:$textcolor;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased; /* none - subpixel-antialiased möglich */
  opacity: 1;
  min-height:100%;
  overflow-x: hidden;
  background:#ede8f0;
  	color:#3f3d3f;
	font-family:"Public Sans";
	font-weight:300;
	font-size:18px;
	line-height:28px;
}

.wrapper{
	width:100vw;
	height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	position:relative;
	
}

.container{
	padding:0 20px;
	position: relative;
	z-index: 3;
	text-align:center;
	margin-top:-60px;
	
}

h1{
	font-size:5vw;
	font-weight:300;
	line-height:1em;

	margin-bottom:0;
}



.logo{
	margin-bottom:30px;
	text-align:center;
}



.image{
	width:90%;
	margin:0 auto;
}




@media screen and (min-width:768px){
	.logo{
		margin-bottom:45px;
	}
	h1{
		font-size:35px;
	}
	.container{
		padding:0 60px;
	}
	

}


@media screen and (min-width:1200px){

	.logo{
		margin-bottom:45px;
	}
	h1{
		font-size:40px;
	}
	
	}