html {
	min-height: 100vh;
}
body {
	min-height: 100vh;
	background-image: url(/img/bg.jpg);
	background-size: cover;
	background-position: 50% 50%;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
main {
	background-color: #f4f4f4;
	border-radius: 2px;
	padding: 5px;
}
body,
p,
input,
textarea {
	font-family: Comfortaa, Verdana, sans-serif;
	font-weight: 500;
}
h1 {
	font-family: Comfortaa, Verdana, sans-serif;
	font-weight: 500;
	font-size: 56px;
	color: #c4c4c4;
	padding: 15px;
}
h1 strong {
	color: #f2a81c;
}
h1 em {
	color: #000;
}
h1 span {
	font-size: 24px;
}
form,
article {
	display: flex;
	flex-direction: column;
	gap: 3px;
	border: 1px solid #e4e4e4;
	border-left: 0 none;
	border-right: 0 none;
	padding: 15px;
}
.col {
	margin-bottom: 15px;
	display: flex;
	flex-direction: column-reverse;
	gap: 3px;
}
label {
	color: #c4c4c4;
	cursor: pointer;
}
input:hover + label,
textarea:hover + label,
label:hover {
	color: #646464;
}
.col input,
.col textarea {
	max-width: 100%;
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
	border-radius: 2px;
	padding: 5px 3px;
}
textarea {
	resize: vertical;
	height: 90px;
}
.row {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.submit {
	background-color: #949494;
	border: 0 none;
	border-radius: 2px;
	color: white;
	padding: 8px 5px;
	cursor: pointer;
}
.submit:hover {
	background-color: #f2a81c;
}
nav {
	padding: 15px 15px 5px 15px;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
}
menu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: start;
}
menu:last-child {
	align-items: end;
}
menu li {
	font-size: 13px;
	padding-bottom: 10px;
}
menu:last-child li {
	text-align: right;
}
menu li.selected a {
	color: #d4d4d4;
}
menu li.selected:before {
	content: '> ';
	color: #f2a81c;
}
menu li:last-child {
	padding-top: 5px;
	font-size: 11px;
}
menu a {
	color: #949494;
}
menu a:hover {
	color: #f2a81c;
}
menu .selected a:hover {
	cursor: default;
}
#legals em {
	color: #c4c4c4;
}
/*eof*/