* {
	box-sizing: border-box;
}

body, html {
	font-family: "Segoe UI", "Helvetica Neue", Helvetica, Tahoma, Arial, sans-serif;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	margin: 0;
	padding: 0;
}

.pgbody {
	width: 100%;
	height: 100%;
	background: rgba(40, 40, 40, 1);
	font-size: 75%;
	text-align: center;
}

.tables {
	display: table;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	clear: both;
	padding-bottom: 5.0em
}

.tcell {
	display: table-cell
}

.vertical {
	vertical-align: middle
}

.content {
	display: table;
	width: 70%;
	color: #000000;
	background: #FFFFFF;
	margin: 2.0em auto;
	padding: 4.0em 2.0em;
	min-height: 15.0em;
	height: 15.0em
}

@media screen and (max-width: 750px) {
	.content {
		width: 100%
	}
}

@media screen and (min-width: 768px) {
	.form-row > input {
		flex: 3;
	}
}

@media screen and (min-width: 992px) {
	.form-row > input {
		flex: 4;
	}
}

@media screen and (min-width: 1200px) {
	.form-row > input {
		flex: 5;
	}
}