/*
	Cooming Son Soulkeeper Template v 1.0
        made by Fabian Schmidberger / www.autplay.at
        Download Template: https://sourceforge.net/projects/fadeinhtml5responsivetemplate/
*/

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

body{
	margin: 0;
	padding: 0;
	width:100%;
	height:100%;
	/*background-color:#F2F2F2;*/
	font-family: sans-serif;
} 

.fade-in {
	opacity:0;  
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:3s; /*animation speed*/
	-moz-animation-duration:3s; /*animation speed*/
	animation-duration:3s; /*animation speed*/
}

/*fade in elements*/
.fade-in.one { 
	-webkit-animation-delay: 0.7s;
	-moz-animation-delay: 0.7s;
	animation-delay: 0.7s;
}

.fade-in.two {
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
	animation-delay: 1.2s;
}

.fade-in.three {
	-webkit-animation-delay: 3.2s;
	-moz-animation-delay: 3.2s;
	animation-delay: 3.2s;
}

.fade-in.four {
	-webkit-animation-delay: 4.2s;
	-moz-animation-delay: 4.2s;
	animation-delay: 4.2s;
}

.logo{
	text-align: center;
	/*margin-top: 2%;*/
}

.logo img{
	max-width:600px;
	width:100%;
}

.text{
	text-align: center;
	padding-top:15px;
}

.social{
	text-align: center;
	padding-top:20px;
}

/*.footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}*/

/*.footer a{
	text-decoration: none;
	color:black;
}*/

.legalnotice{
	text-align: center;
	margin-top: 10%;
}

.legalnotice a{
	color:black;
}

.box{
	height:90px;
	padding-top:35px;
	color: white;
    font-size: larger
}

.line{
	height:57px;
	padding-top:17px;
}