body{
	background-color: #29235c;
	margin: 0;
	color: #e9cdb6;
	width: 100%;
	height: 100%;
}
p {
	font-family: "din-2014",sans-serif;
	font-size: 16px;
	margin: 0;
 }
 a, a:link, a:visited, a:hover{
 	color: #e9cdb6;
 	text-decoration: none;
 }
 a:hover{
 	text-decoration: underline;
 }

 strong{
 	font-weight: 600;
 }
img{
	width: 400px;
	transition: width 0.3s ease-in-out;
}
.header{
	transition: height 0.3s ease-in-out;
	background: url('../img/pattern.svg') repeat;
	background-position: calc(50% - 3px) bottom;
	height: 480px;
	border-top:5px solid #342e64;
}
.outer{
	text-align: center;
	transform: translateY(-238px);
	margin-bottom: 191px;
}
.outer img{
	background-color: #29235c;
	padding:35px;
}
.inner{
}
.inner-text{
	width:75%;
	max-width: 1000px;
	margin:0 auto;
	margin-bottom:30px;
	text-align: center;
}
.inner-text p{
	font-size: 15px;
	margin-bottom: 15px;
	color: rgba(255,255,255,0.75);
}
.footer{
	position: fixed; 
	background: #342e64;
	padding: 65px 30px;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition: padding 0.3s ease-in-out;
}

@media (max-width:767px) {
	img{
		width: 162px;
	}
	.footer{
		padding:35px 30px;
	}
	.outer{
		margin-bottom: 161px;
	}
	.inner-text{
		width: 90%;
		text-align: left;
	}
}
@media (max-height:1000px) {
	.header{height: 260px}
	img{
		width: 162px;
	}
	.outer{
		margin-bottom: 161px;
	}
	.footer{
		padding:35px 30px;
	}
}
@media (max-height:400px) {
	.outer{
		margin-bottom:-230px;
	}
	.footer{
		transition: none;
		position: relative;
		bottom: auto;
	}
}