.box {
	border: 1px solid rgba(0, 0, 0, 0.2);
	display: inline-block;
	
	overflow: hidden;
	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.box img {
	display: inline-block;
	max-height: 100%;
}

.invisible {
	opacity: 0 !important;
}

#darkness {
	position: fixed;
	
	top: 0;
	left: 0;
	width: 1000%;
	height: 1000%;
	z-index: 10000;
	
	background-color: rgba(0, 0, 0, 0.9)
}

body {
	overflow-x: hidden;
}

.ui-page {
	/* jquery mobile workaround */
	overflow: hidden !important;
}

body, .ui-page {
	background: #006cae; /* Old browsers */
	background: -moz-linear-gradient(left, #006cae 10%, #002485 50%, #006cae 90%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(10%,#006cae), color-stop(50%,#002485), color-stop(90%,#006cae)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #006cae 10%,#002485 50%,#006cae 90%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #006cae 10%,#002485 50%,#006cae 90%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #006cae 10%,#002485 50%,#006cae 90%); /* IE10+ */
	background: linear-gradient(to right, #006cae 10%,#002485 50%,#006cae 90%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006cae', endColorstr='#006cae',GradientType=1  ); /* IE6-9 */
}

#large_img {
	position: absolute;
	
	width: 100%;
	height: 100%;
	z-index: 10001;
	
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	
	overflow: hidden;
}

@font-face {
	font-family: LydiaPuente;
	src: url("fonts/lydia_puente.ttf");
}

#header h1 {
	text-align: center;
	font-family: LydiaPuente;
	font-size: 4em;
}