@media all and (max-width: 1039px) {
html {
	font-size:15px;
}

}

@media all and (max-width: 935px) {
html {
	font-size:14px;
}

header div address {
	font-size:1.7rem;
}
}

@media all and (max-width: 873px) {
html {
	font-size:13px;
}

header div p {
	margin:.5rem 0 .5rem 1rem;
}
}

@media all and (max-width: 799px) {
html {
	font-size:11px;
}

header div h1 {
	font-size:3.4rem;
	text-align:right;
}

header div p {
	margin:.5rem 0 .5rem 2rem;
}
}

@media all and (max-width: 670px) {
header div h1 {
	font-size:3.0rem;
	text-align:right;
}

header div h2 {
	font-size:2.3rem;
}

header div {
	margin:1rem 0 0 0;
}

header div p {
	margin:.5rem 0 .5rem 0rem;
}	

footer {
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-justify-content:center;
	justify-content:center;
	font-size:1.6rem;
}

footer nav.footer_nav {
	text-align:center;
	width:100%;
	margin:1.5rem 0 0 0;
}
}

@media all and (max-width: 640px) {
	header div {
	margin:0rem 0 0 0;
}

header div p {
	margin:.5rem 0 .5rem -2rem;
}
}

@media all and (max-width: 599px) {
nav ul.dropdown_sub {
	-webkit-justify-content:space-around;
	justify-content:space-around;
}	

header {
	-webkit-flex-flow: column wrap;
	flex-flow: column wrap;
	justify-content:center;
	-webkit-justify-content:center;
	margin:0;
}

header div {
	width:100%;
}

header div h1 {
	font-size:4rem;
	text-align:center;
	margin:.5rem 0 0 0;
}

h2, header div h2 {
	color:#000;
	font-size:2.8rem;
	text-align:center;
}

header div p, header div address {
	display:none;
}

address.mobil {
	display:block;
}

p.mobil {
	font-size:1.9rem;
	margin:0.5rem 0 0 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row;	
	align-items: center;
	-webkit-align-items: center;
}

header figure {
    width:70%;
	height:auto;
	margin:0 auto;
}
}

@media all and (max-width: 474px) {
header div h1 {
	font-size:3.4rem;
	margin:0;
}

h2, header div h2 {
	color:#000;
	font-size:2.3rem;
	text-align:center;
}

address.mobil {
	display:block;
}

p.mobil {
	font-size:1.6rem;
	margin:0.5rem 0 0 0;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-direction: row;
	-webkit-flex-direction: row;	
	align-items: center;
	-webkit-align-items: center;
}

p.mobil img {
	height:1.4rem;
}

header figure {
    width:80%;
	height:auto;
	margin:0 auto;
}

footer {
	justify-content:center;
	-webkit-justify-content:center;
	text-align:center;
	line-height:2.2rem;
}

@media all and (max-width: 399px) {
header div h1 {
	font-size:2.4rem;
	margin:0;
}

h2, header div h2 {
	color:#000;
	font-size:1.8rem;
	text-align:center;
}
}