body {
	/* Location of the image */
	background-image: url(../img/desktop_bg.jpg);

	/* Background image is centered vertically and horizontally at all times */
	background-position: top center;

	/* Background image doesn't tile */
	background-repeat: no-repeat;

	/* Background image is fixed in the viewport so that it doesn't move when
	the content's height is greater than the image's height */
	background-attachment: fixed;

	/* This is what makes the background image rescale based
	on the container's size */
	background-size: cover;

	/* Set a background color that will be displayed
	while the background image is loading */
	background-color: #49008e;

}

#primary{
	display:flex;
	min-height: 100vh;
	flex-direction: column;
}

img {
	image-rendering: auto;
}

#osren-logo{
	width: 230px;
	margin-left: auto;
	padding: 30px;
}

#content{
	padding-top: 60px;
	text-transform: uppercase;
	text-align: center;
	flex: 1;
}

#lm-logo{
	margin-bottom: 23px;
}

.uc_container span{
	font-family: 'Arimo', sans-serif;
	font-size: 30px;
	font-weight: bolder;
	letter-spacing: 2px;
	line-height: 37px;
	color: #020003;
	background-color: #98f633;
	padding: 3px 15px 3px 15px;
}

.available{
	font-family: 'Arimo', sans-serif;
	font-size: 24px;
	font-weight: bolder;
	letter-spacing: 4px;
	line-height: 38px;
	color: #d450ff;
	padding-top: 80px;
	margin-bottom: 20px;
}

#content a{
	display:inline-block;
	font-family: 'Arimo', sans-serif;
	font-size: 24px;
	font-weight: bolder;
	letter-spacing: 4px;
	color: #d450ff;
	text-decoration: none;
	border: 2px solid #d450ff;
	padding: 18px 50px;
	border-radius: 40px;
}

#content a:hover{
	color: #020003;
	text-decoration: none;
	background-color: #d450ff;
}

#footer{
	font-family: 'Arimo', sans-serif;
	color: #d450ff;
}

@media only screen and (max-width: 808px) {
	body {
		/* The file size of this background image is 93% smaller
		to improve page load speed on mobile internet connections */
		background-image: url(../img/Mobile_bg.jpg);
		background-position: top center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #49008e;
}

	#osren-logo{
		margin: 0 auto;
		padding-top: 40px;
		width: 280px;
	}

	.osren-img{
		width: 220px !important;
	}

	#content{
		padding-top: 40px;
	}

	#lm-logo img{
		width: 280px !important;
	}

	.uc_container span{
		font-size: 25px;
		line-height: 26px;
		padding: 2px 8px 2px 8px;
	}

	.available{
		line-height: 26px;
		padding-top: 120px;
	}

	#content a{
		font-size: 20px;
		font-weight: bolder;
	}

	.colophon{
		font-size: 14px;
	}

}