html {
	overflow-y: scroll;
	position: relative;
	min-height: 100%;
}

html, body {
	color: #333;
	font-family: Lato,Arial,Helvetica,sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
}

body {
	background: #eceff1;
}

.main-container {
	min-height: 100vh;
	overflow: hidden;
	display: block;
	position: relative;
	padding-bottom: 140px;
}

@media (max-width:576px) {
	.main-container {
		padding-bottom: 170px;
	}
}

footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.fade-90 {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
	filter: alpha(opacity=90); /* IE 5-7 */
	-moz-opacity: 0.9; /* Netscape */
	-khtml-opacity: 0.9; /* Safari 1.x */
	opacity: 0.9; /* Good browsers */
}

.hero {
	background: url("/assets/img/jumbotron.jpg") no-repeat 100% 0;
	overflow: hidden;
}

.hero .text {
	width: 50%;
	height: 540px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center;
}

@media (max-width:768px) {
	.hero .text {
		width: 100%;
	}
}

.remove-border-bottom-left-radius {
	border-bottom-left-radius: initial !important;
}

.remove-border-bottom-right-radius {
	border-bottom-right-radius: initial !important;
}

.remove-border-top-left-radius {
	border-top-left-radius: initial !important;
}

.remove-border-top-right-radius {
	border-top-right-radius: initial !important;
}

.font-size-code {
	font-size: 80%;
}