@charset "UTF-8";
.jumbotron {
	background: none;
}
#subtitle {
	color: #0080F3;
	text-align:  center;
	font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, DejaVu Sans, Verdana, sans-serif;
	font-size: 18px;
	margin-top: -65px;
}

.desktop {
	display: block;
}
.mobile, .mobile-portrait, .mobile-landscape {
	display: none;
}

/* iPad landscape */
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape) {
	#subtitle {
		width: 35%;
		margin: -50px auto 0 auto;
	}
}

/* iPad portrait */
@media screen and (orientation:portrait) and (min-width: 768px),
screen and (max-width:768px) and (orientation:portrait) {
	#subtitle {
		width: 35%;
		margin: -30px auto 0 auto;
		font-size: 16px;
	}
}

/* iPhone 5 landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) {
	#subtitle {
		width: 35%;
		margin: -25px auto 0 auto;
		font-size: 14px;
	}
}

/* iPhone 5 portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
	.mobile, .mobile-portrait {
		display: block !important;
	}
	.desktop, .desktop-portrait, .mobile-landscape {
		display: none !important;
	}
	.jumbotron {
		padding-top: 10px;
	}
	#subtitle {
		width: 100%;
		margin: 10px auto;
		font-size: 14px;
	}
}