.headline-xl {
	font-size: 3em;
}

.headline-l {
	font-size: 2.4em;
}

.headline-m {
	font-size: 1.8em;
}

.headline-s {
	font-size: 1.4em;
}

.text-big {
	font-size: 1.2em;
}

.text-small {
	font-size: 0.8em;
}

.text-small + .headline {
	margin-top: 0;
}

blockquote {
	font-family: fantasy;
}

@media ( max-width: 640px ) {

	.headline-xl {
		font-size: 2.2em;

		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.headline-l {
		font-size: 1.8em;

		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.headline-m {
		font-size: 1.6em;

		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

	.headline-s {
		font-size: 1.3em;

		overflow-wrap: break-word;
		word-wrap: break-word;
		-ms-word-break: break-all;
		word-break: break-all;
		word-break: break-word;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
		hyphens: auto;
	}

}