html {min-height: 100%;}

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	background: linear-gradient(to right bottom,#2b103d,#5045b8 50%,#0052c7);
	background-image: url('bg-main.jpg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	min-height: 100%;
	height: 100%;
} 

.container {
	max-width: 600px !important;	
}

.jumbotron {
	padding: 2rem;	
}

select.form-control:not([size]):not([multiple]) {
    height: 2.4rem;
}


a:hover {color: #166be5;}

/* ########## FOOTER STYLES ########## */

.wrapper-inner {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

footer {
	width: 100%;
	background: rgba(0,0,0,0.5);
	text-align: center;
	line-height: 2em;
	padding: 2em 0;
	font-size: 11px;
    color: #fff;
	margin-top: 4em;
}

footer a {
	font-size: 11px !important;
	color: rgba(255,255,255,1);
}

footer .wrapper-inner {
	position: relative;
	max-width: 800px;
}

footer ul,
footer li {
	margin: 0;
	padding: 0;
	display: inline;
}

footer li {
	margin: 0 0.5em 0 0;	
}

footer li:nth-child(1):after,
footer li:nth-child(2):after {
	content: "|";
	margin-left: 0.5em;	
    color: #fff;
}

.footer-emblem {
    background: url('icon-footer-emblem.png') no-repeat;
	background-size: contain;
    height: 89px;
    width: 70px;
    position: absolute;
    top: -5em;
    left: 50%;
	margin-left: -35px;
}

footer .left {
	padding-top: 4em;
}

footer .right {
}

@media screen and (min-height: 800px) and (min-width: 800px) { 
	html {height: 100%;}
	footer {
		min-height: 8em;
		position: absolute;
		bottom: 0;
	}	
}

@media screen and (min-width: 800px) { 

	footer {
		min-height: 8em;
	}
	
	footer .left {
		position: absolute;
		left: 0;
		padding: 0;
	}
	footer .right {
		position: absolute;
		right: 0;
	}

}