* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body {
		background: #EEDED3;
		font-size: 100%;
		font-family: georgia, 'Times New Roman';
		color: #555;
	}

	h1, .impressum {
		color: #222;
		text-align: center
	}

	h1 {
		font-family: 'Tangerine', georgia;
		font-size: 6em;
		font-weight: 400;
		line-height: 1;
		margin: 0;
		color: #BB141C;
		text-shadow: 1px 1px 0 #fff;
	}

	p {
		font-size: 1em;
		line-height: 1.4em
	}

	a {
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		font-size: .8em;
		color: #583923;
	}

	a:hover {
		color: #BB141C;
	}

	.container {
		padding: 1%;
		max-width: 640px;
		margin: 3em auto;
	}

	.impressum {
		font-size: 1.5em;
		margin-bottom: 2em;
	}

	.header {
		width: 100%;
		overflow: hidden;
	}

	.contact {
		width: 100%;
		overflow: hidden;
		border: 1px solid #E2C8B6;
		border-width: 1px 0;
		text-align: center
	}

	.contact-nada {
		float: left;
		width: 50%;
	}

	.contact-mariella {
		width: 50%;
		float: left;
	}

	.footer {
		background: #D6B299;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		padding: 10px 0;
	}



	@media (min-width: 480px) and (max-width: 600px) {
		
		h1 {
			font-size: 5em;
		}

		.container {
			padding-top: 0;
			margin-top: 3em;
		}
	}

	@media (min-width: 100px) and (max-width: 479px) {
		h1 {
			font-size: 4em;
			line-height: 1em;
		}

		p {
			font-size: 1em;
		}

		.container {
			padding-top: 0;
			margin: 2em 0 6em;
		}

		.contact-nada, .contact-mariella {
			width: 100%;
			display: block;
			border: none;
		}

		.contact-nada {
			border-bottom: 1px solid #E2C8B6
		}

	}

	@media (min-width: 100px) and (max-width: 290px) {
			h1 {
				font-size: 3em;
			}
	}