* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	color: #333;
	font: 18px 'Open Sans', Arial, sans-serif;
}

.container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

.header {
	min-height: calc(100vh - 70px);
	padding-top: 250px;
	padding-bottom: 250px;
	background: url('header.jpg') center/cover no-repeat;
	color: #fff;
	text-shadow: 0 0 15px rgba(0, 0, 0, .3);
	text-align: center;
}

	.header h1 {
		margin-bottom: 30px;
		font-size: 72px;
	}

.nav {
	position: sticky;
	top: 0;
	line-height: 70px;
	background: #4b78a0;
}

	.nav ul {
		display: flex;
		justify-content: space-between;
		list-style: none;
	}

		.nav li {
			width: 100%;
		}

			.nav a {
				display: block;
				text-align: center;
				color: #fff;
				text-decoration: none;
			}

				.nav a:hover, .nav a:focus {
					background: #375875;
				}

.section {
	padding: 50px 0;
	text-align: justify;
}

	.section:nth-of-type(even) {
		background: #f3f3f3;
	}

	.section *:not(:first-child) {
		margin-top: 30px;
	}

.footer {
	padding: 30px;
}