.title1 {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'DINPro-Light';
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
}

.title2 {
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0 5%;
	font-family: 'DINPro-Light';
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	line-height: normal;
}

.title3 {
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0 5%;
	font-family: 'DINPro-Light';
	color: #FFF;
	font-size: 25px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	line-height: normal;
}

.title4 {
	clear: both;
	width: 90%;
	padding: 0;
	margin: 0 5%;
	font-family: 'DINPro-Light';
	color: #FFF;
	font-size: 25px;
	text-align: center;
	font-weight: normal;
	line-height: normal;
}

@media only screen and (min-width: 481px), only screen and (orientation:landscape) {
.title1 {letter-spacing: 5px;}
}

@media only screen and (min-width: 768px) {
.title1 {font-size: 35px;}
.title2 {font-size: 35px;}
.title3 {font-size: 35px;}
.title4 {font-size: 35px;}
}