body { padding: 0; margin: 0; background-color: #fffff0; color: #333; font-family: Nunito, sans-serif; }

#main { width: 92%; max-width: 1400px; margin: auto; }

div { position: relative; }
form { display: block; position: relative; width: 100%; margin: 2em auto; padding: 10px; }
label { font-weight: 600; padding: 5px 0; }
select { padding: 3px; }
input { width: 98%; padding: 5px; font-size: 1.1em; }
input[type='radio'],
input[type='checkbox'] { width: 25px; transform: scale(1.5); }
input.readonly { background-color: #ffebcd; }

h3 { margin: 1em auto 5px auto; }
h4 { margin: .5em auto; }

hr { margin: .5em 0; }

button { font-size: 1.3em; padding: 0 20px; }

#login_form_wrapper { width: 350px; margin: 6em auto; background: #fafad2; border: solid 1px; border-radius: 1em; padding: 30px; }
#login_form_wrapper input { }

#main_menu { display: flex; justify-content: space-evenly; margin: 2em auto; font-weight: bold; font-size: 1.3em; }
#main_menu a { text-decoration: none; }

.field_wrapper { margin-bottom: 1em; padding: 10px; }
.section_wrapper { display: flex; justify-content: space-between; flex-wrap: wrap; background: #fafad2; padding: 10px; border: solid 1px #ccc; border-radius: 1em; }
.section_wrapper .section_wrapper { border: none; }
.two_even_sections >div { width: 48%; padding: 10px; }
.form_buttons { text-align: right; margin: 2em auto 0 auto; }
.form_buttons button { margin-left: 2em; }
.inner_wrapper { width: 100%; margin: auto; }

.center { text-align: center; }
.right { text-align: right; }

@media (max-width: 1200px) {
	.section_wrapper { flex-wrap: wrap; }
	label { font-weight: normal; font-size: .9em; }
}

@media (max-width: 768px) {
	.section_wrapper { flex-direction: column; flex-wrap: nowrap; }
	.section_wrapper>div { width: 96% !important; }
}