@charset "UTF-8";
/* CSS Document */

/*BODY*/
body, html{
	font-family: "Optima", Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background-color: #000;
	width: 98%;
	height: 100%;
	}
*{
	margin: 0 auto;
	padding: 0 auto;
	}
	
/*LOGO*/
#logo_home{
	width: 98%;
	position: relative;
	top: 50%; left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	}
.logo{
	width: 90%;
	height: auto;
	background-color: none;
	}

.logo_mobil{
	width: 80%;
	height: auto;
	margin-top: -25%;
	}
	
/*CONTENT*/
#content{
	width: 98%;
	height: auto;
	margin-top: 10%;
	}
	#content_1{
	width: 98%;
	position: relative;
	top: 50%; left: 50%;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	}
	@media only screen and (max-width: 700px) {
	#content_1{
	margin-top: -20%;
	}
	#contentin{
		width: 89%;
		height: auto;
		}
		.contentin_text{
			margin-top: 0;
		}
	
/*FOOTER*/
footer{
	width: 100%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 0px;
	position: relative;
	background-color: #000;
	}
	.footerin{
		width: 100%;
	 	height: auto;
		padding: 6px;
		color: #000;
		text-align: center;
		font-size: 1.1em;
		background-color: none;
		}