body {
	background-image: url("img/background_application_responsive.png");
	background-attachment: fixed;
	background-position: top;
 	background-repeat: repeat-y;
 	background-size: 100%;
 	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media screen and (max-width: 1000px) {
	.col-md-6 {
		width: 100%;
	}
	
	#header #title {
		font-weight: bold;
		font-size: 80pt;
/* 		font-family: 'Marck Script', cursive; */
	}
	
	#header #sub-title {
		font-size: 24pt;
	}
	
	div #detail {
		margin-top: 30px;
		font-size: 20pt;
	}

	body {
		background-image: url("img/background_application_responsive.png");
		background-attachment: fixed;
		background-position: top;
 		background-repeat: repeat-y;
 		background-size: 100%;
	}
	
	#logo {
		text-align: center;
	}
	
	#logo img {
		width: 400px;
	}
	
	#qrcode img {
		width: 550px;
	}
	
	#qrcode #ios {
		margin-top: 100px;
	}
	
	#android {
		text-align: center;
		margin-left: 40px;
	}

	#ios {
		text-align: center;
		margin-right: 40px;
	}
	
	#qrcode #qricon-android {
		margin-top: 20px;
		width: 550px;
	}
	
	#qrcode #qricon-ios {
		margin-top: 20px;
		width: 550px;
	}
}

#header {
	margin-top: 20px;
}

#title {
	font-weight: bold;
	font-size: 50pt;
/* 	font-family: 'Marck Script', cursive; */
}

#sub-title {
	font-size: 18pt;
}

#detail {
	margin-top: 30px;
	font-size: 16pt;
}

#qrcode {
	margin-top: 30px;
}

#android {
	padding-right: 50px;
}

#ios {
	padding-left: 50px;
}

#qricon-android {
	margin-top: 10px;
}

#qricon-ios {
	margin-top: 10px;
}

.responsive {
	max-width: 100%;
  	height: auto;
}

#E-Mail {
	margin-top: 30px;
	font-size: 16pt;
	color: red;
}