body {
	background-image: linear-gradient(to bottom right, #A4D2DA, #148093);
}

article {
	display: block;
}

h1 {
	font-size: 55px;
	color: white;
	text-align: center;
	padding: 35px 15px 15px;
	letter-spacing: 2px;
}

h3 {
	letter-spacing: 1px;
}

.menu {
	margin: 15px 175px;
	max-width: 1000px;
}

.vertical-tab {
	color: black;
	display: block;
	position: relative;
	float: left;
}

.vertical-tab input[name="sections"] {
	position: absolute;
	left: -9999px;
	top: -9999px;
}

.vertical-tab .section-tab {
	display: block;
}

.vertical-tab .section-tab label {
	background: white;
	cursor: pointer;
	color: black;
	padding: 52px 18px;
	text-align: center;
	border-right: 2px solid #dcdcdc;
	display: block;
	font-size: 18px;
	position: relative;
	width: 200px;
}

.vertical-tab .section-tab article {
	display: none;
	left: 238px;
	min-width: 750px;
	position: absolute;
	top: 0;
}

.vertical-tab input[name="sections"]:checked+label {
	background: #00456f;
	border-right: 2px solid black;
	color: white;
}

.vertical-tab input[name="sections"]:checked~article {
    display: block;
}

.menu form {
	background: white;
	padding: 5px 50px;
	padding-bottom: 36px;
	border-radius: 0px 12px 12px 0px;
}

label.icon-left span {
	display: block;
	font-size: 35px;
	margin-bottom: 8px;
}

.legend {
	font-size: 25px;
	color: black;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	margin-bottom: 2px;
	font-weight: 400;
}

.input {
	border: 1px solid black;
	padding: 13px 15px;
	background: #eee;
	align-items: center;
}

.input span {
	font-size: 15px;
	color: #464646;
	margin-right: 12px;
}

.input input {
	background: #eee;
	border: 1px solid #eee;
}

input[type=submit], input[type=reset] {
	padding: 10px 16px;
	border: none;
	color: white;
	background-color: #0073e6;
	cursor: pointer;
	border-radius: 4px;
}

footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 0px;
	color: white;
	text-align: center;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}