@font-face {
	font-family: 'Signal';
	src: url('../fonts/Noway-Light-webfont/noway-light-webfont.eot');
	src: url('../fonts/Noway-Light-webfont/noway-light-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Noway-Light-webfont/noway-light-webfont.woff2') format('woff2'),
	url('../fonts/Noway-Light-webfont/noway-light-webfont.woff') format('woff'),
	url('../fonts/Noway-Light-webfont/noway-light-webfont.ttf') format('truetype'),
	url('../fonts/Noway-Light-webfont/noway-light-webfont.svg#nowaylight') format('svg');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Signal';
	src: url('../fonts/Noway-Thin-webfont/noway-thin-webfont.eot');
	src: url('../fonts/Noway-Thin-webfont/noway-thin-webfont.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Noway-Thin-webfont/noway-thin-webfont.woff2') format('woff2'),
	url('../fonts/Noway-Thin-webfont/noway-thin-webfont.woff') format('woff'),
	url('../fonts/Noway-Thin-webfont/noway-thin-webfont.ttf') format('truetype'),
	url('../fonts/Noway-Thin-webfont/noway-thin-webfont.svg#nowaylight') format('svg');
	font-weight: 200;
	font-style: normal;
}

body {
	margin: 0;
	padding-left:  40px;
	padding-right: 40px;
	height: 100vh;
	background: linear-gradient(to bottom right, #CB4915, #B33F11);
	display: flex;
	justify-content: center;
	align-items: center;
}

h1 {
	font-family: 'Signal', sans-serif;
	font-size: 60px;
	line-height: 1.0;
	text-align: center;
	color: white;
	text-transform: uppercase;
	font-weight: 200;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	margin: 0;
	cursor: default;
	animation: stretch-spacing 8s ease-out forwards;
	animation-delay: 0.5s;
}

@keyframes stretch-spacing {
	from {
		letter-spacing: 0.1em;
	}
	to {
		letter-spacing: 0.5em;
	}
}

@media (min-width: 571px) and (max-width: 960px) {
	h1 {
		font-size: 120px;
		word-break: normal;
		overflow-wrap: anywhere;
		hyphens: none;
	}
}

@media (max-width: 570px) {
	h1 {
		font-size: 120px;
		word-break: normal;
		overflow-wrap: anywhere;
		hyphens: none;
	}
}

/* iPhone Hochformat */
@media only screen and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
	h1 {
		font-size: 240px;
		line-height: 0.9;
		word-break: normal;
		overflow-wrap: anywhere;
		hyphens: none;
	}
}

/* iPhone Querformat */
@media only screen and (max-device-height: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
	h1 {
		font-size: 120px;
		padding: 0 20px;
		text-align: center;
		word-break: normal;
		overflow-wrap: anywhere;
		hyphens: none;
	}
}