html,
body {
	margin-left : 0;
	margin-right : 0;
	display : flex;
  	flex-direction: column;
  	justify-content: space-between;
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  	height: 100%;
}

h1 {
	font-size: 6vmax;
}

h2 {
	font-size: 2vmax;
}

footer {
	text-align : center;
	flex: none;
}

.footer-entry {
	padding-left: 5px;
	padding-right: 5px;
}

.content {
	flex: 1 0 auto;
	width: 100%;
	margin-top : 15px;
}

.title-box {
	display: flex;
	flex-flow: row wrap;
	background-color: #a6acaf;
	justify-content: center;
	align-items: center
}

.title-pic {
	flex: 1 1 0%;
	max-width: 30%;
	min-width: 20%;
	margin-left: 30px;
	align-self: center;
}

.title-text {
	flex: 2 1 0%;
	letter-spacing: 3px;
	color: #ecf0f1;
	text-align : right;
	align-self : center;
}

/* Smart Phones und Tablets mit mittlerer Auflösung */
@media all and (max-width: 35em) {
	.title-box {
		flex-direction: column;
	}

	.title-pic {
		flex: auto;
		max-width: 60%;
		min-width: 20%;
		margin-left: 0;
	}

	.title-text {
		flex: auto;
		text-align : center;
	}
}