html {
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	min-height: 100%;
	overflow-x: hidden;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

body {
	background-color: #fff;
	padding: 0;
	margin: 0;
	color: #463A2B;
	overflow-x: hidden;
	font-family: 'Roboto Condensed', sans-serif;
    line-height: 1.5;
	font-size: 16px;
	max-width: 100%;
}

header {
	background-repeat:no-repeat; 

	background-image:  
	  linear-gradient(to right, RGB(255, 255, 255), RGB(255, 255, 255)), 
	  url('../img/bg_main.svg');

	background-position:
	  bottom center, 
	  center center;

	background-size:  
	  100% 130px,
	  cover;

	padding: 40px 0 0 0;
}

.imprint header {
	background-image: url('../img/bg_main.svg');
	background-position: center center;
	background-size: cover !important;
	padding: 40px 0;
}

div[role="main"] .container {
	padding: 30px;
}

.container {
  margin: 0 auto;
  text-align: center;
}

a {
    color: #ED1C24;
    text-decoration: none;
}

h1 {
	text-transform: uppercase;
	font-style: italic;
	color: #FEDA00;
	font-size: 300%;
	margin: 0;
	position: relative;
}

h2 {
    text-transform: uppercase;
	color: #ED1C24;
	font-style: italic;
	font-size: 200%;
	margin-top: 0px;
}

.text-left {
	text-align: left;
}

ul {
	margin: 0 0 40px 0;
	padding: 0;
	list-style-type: none;
}

li {
	margin: 0;
	padding: 0 0 10px 0;
}

li:last-child {
	padding-top: 16px;
	font-style: italic;
}

footer {
	padding-bottom: 40px;
}

dl {
	width: 100%;
	float: left;
    margin-bottom: 40px;
    font-size: 16px;
}

dl dt {
	margin: 0;
	text-align: right;
	float: left;
	width: 50%;
	padding-right: 8px;
}

dl dd {
	margin: 0;
	text-align: left;
	float: left;
	width: 50%;
	padding-left: 8px;
}

#simplelogo {	max-width: 300px}

@media(max-width: 800px){
    .container{max-width:100%}
	h1 {
		font-size: 200%;
	}
	h2 {
		font-size: 150%;
	}
	header {
		background-size: 100% 20px, cover;
	}
	#simplelogo {
        max-width: 200px;
        margin: 0 40px;
	}
}

@media(min-width: 801px)and (max-width: 1024px){
    .container{max-width:720px}
	header {
		background-size: 100% 75px, cover;
	}
}
@media(min-width: 1025px)and (max-width: 1280px){
	.container{max-width:960px}
	header {
		background-size: 100% 105px, cover;
	}
}
@media(min-width: 1281px){
	.container{max-width:1200px}
	
}