html{
	scroll-behavior: smooth;
}
body{
	font-size: 18px;
	font-family: 'Roboto', sans-serif;
	color:#333333;
}
h1{
	margin-top:0px;
	font-weight:100;
}
h2{
	margin-top:18px;
	font-weight:100;
}
section{
	text-align:center;
	position:relative;
	padding:30px 0 50px 0;
	-webkit-box-sizing: border-box;
	  -moz-box-sizing: border-box;
	  box-sizing: border-box;
	  
}
#downloads i{
	color:#797769;
}
#downloads i{
	margin-right:10px;
}
#downloads h2{
	margin-top:25px;
	margin-bottom:0px;
}
.align_left{
	text-align:left;
}
.font_white{
	color:white;
}
.font_sm{
	font-size:13px;
}
p span{
	color:#797769;
}
a:link {text-decoration:none; color:#797769; outline: 0;}
a:visited {text-decoration:none;color:#797769; outline: 0;}
a:hover {text-decoration:none;color:#333333; outline: 0;}
a:active {text-decoration:none;color:#797769; outline: 0;}
a:focus {text-decoration:none;color:#797769; outline: 0;}

a{
	-moz-transition: color ease .3s;
	-o-transition: color ease .3s;
	-webkit-transition: color ease .3s;
	transition: color ease .3s;	
}
#home{
	background:url('../img/tales_fates.jpg') no-repeat center center;
	-webkit-background-size: 500px;
  	-moz-background-size: 500px;
  	-o-background-size: 500px;
  	background-size: 500px;
}
#logo_box{
	max-width:500px;
	height:500px;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	justify-content:center;
	align-items:flex-end;
	padding-bottom:40px;
}
#home{
	padding-top:0;
}
#home, #about, #impressum{
	min-height: 100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	text-align:center;
}
#home h1{
	
	margin-bottom:0;
}
#home p{
	font-weight:100;
	margin-top:0;
	font-size:18px;
}

#note{
	font-style:italic;
	margin-bottom:30px;
}
.pic_box img{
	
	display:inline-block;
}
.pic_box p{
	margin-top:10px;
}
#sm_links span{
	margin:0 10px;
	
}
.btn_next_section{
	position: absolute;
	bottom: 20px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 25px 0 25px;
	border-color: #dcdac8 transparent transparent transparent;
	-moz-transition: opacity ease .3s;
	-o-transition: opacity ease .3s;
	-webkit-transition: opacity ease .3s;
	transition: opacity ease .3s;
	opacity:0.7;
}
.btn_next_section:hover{
	opacity:1.0;
}