html, p, span, label, h1, h2, h3, h4, h5, h6 {
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
}

body {
	display: flex;
	background-color: #34486A !important;
}

body > .row {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

body > .row > .columns {
	background-color: #fefefe;
	border: 1px solid #122648;
	padding: 30px 50px;
	border-radius: 10px;
	box-shadow: 0px 5px 10px rgba(10, 10, 10, 0.5);
}

body > .row > .columns center + h1 {
	font-size: 24px;
	margin-top: 15px;
}

form > a {
	font-size: 12px;
	margin-top: 0px;
}

form > input[type="text"], form > input[type="password"] {
	border-radius: 5px;
	background-color: white;
}

form > button {
	border-radius: 5px !important;
}

form > button[type="submit"] {
	background-color: #1D84B5;
	color: white;
}

form > button[type="submit"]:hover {
	background-color: #34486A;
	color: white;
}

@media (max-width: 40rem) {
	form > a.text-right {
		text-align: center !important;
		margin-top: 20px;
	}
}