* {
	padding: 0px;
	margin: 0px;
}


body {
	font-family: "Quicksand",'Segoe UI', sans-serif;
	background: #343a40;
	font-size: 12pt;
	color: #ede5d6;
}

header {
	background: url('graphics/header-bg.png') center/cover no-repeat;
	text-align: center;
	clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%);
	height: 100vh;
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
}

header div {
	/*padding: 1em;*/
	width: 46em;
	padding-top: 3em;
	padding-bottom: 3em;
	/* From https://css.glass */
	background: rgba(48, 65, 73, 0.33);
	border-radius: 0.1em;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	backdrop-filter: blur(2.5px);
	-webkit-backdrop-filter: blur(2.5);
	border: 1px solid rgba(48, 65, 73, 0.3);

}

.title-header h1 {
	font-family: "Newsreader", serif;
	font-size: 7em;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
}

.title-header h2 {
	font-size: 2.5em;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.1em;
}

.company-name {
	font-family: "Newsreader", serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.lead {
	display: none;
}

h2 {
	font-size: 2em;
	margin-bottom: 0.1em;
	font-weight: 500;
}

h3 {
	font-size: 1.25em;
	margin-bottom: 0.1em;
	font-weight: 500;
}

h2 + p, h3 + p {
	padding-left: 1.5em;
}

section {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

section > * {
	margin: auto;
	width: 70%;
}

.section-diagonal {
	clip-path: polygon(0 10%, 100% 0, 100% 90%, 0 100%);
}

.section-light {
	background: #c8cdd2;
	color: #304149;
}

.section-dark {
	background: #343a40;
}

.section-dark a, footer a {
	color: #769ca3;
}

.section-light a {
	color: #4f7079;
}

.small-grid {
    display: grid;
    grid-gap: 3em;
    grid-template-columns: repeat(2, auto);
    grid-auto-flow: row;
}

.logo {
	max-height: 200px;
}

footer {
	background: #343a40;
	text-align: center;
	padding: 2rem;
	padding-top: 10rem;
}

p.disclaimer {
	max-width: 66%;
	margin: auto;
}

.form-check-label {
}

ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	list-style-position: inside;
}


@media screen and (max-width: 49em) {
	header div {
		width: 100%;
		padding: 3em;
	}
	
	.title-header h1 {
		font-size: 6em;
	}

	.title-header h2 {
		font-size: 2em;
	}
	
	.small-grid {
		width: 95%;
		grid-template-columns: 100%;
		margin: 0;
		
	}
	
	section > * {
	margin: auto;
	width: 95%;
	}
	
	.section-diagonal {
		clip-path: polygon(0 4em, 100% 0, 100% 95%, 0 100%);
		padding-top: 5rem;
		padding-bottom: 5rem;
	}
	
	.section-light {
		padding-top: 9rem;
	}
	
	footer {
		text-align: center;
		padding: 1rem;
		padding-top: 7rem;
	}

	p.disclaimer {
		max-width: 100%;
		margin: auto;
	}
}

@media screen and (max-width: 35em) {
	.small-grid {
		width: 100%;
		grid-template-columns: 100%;
		margin: 0;
	}

	.title-header h1 {
		font-family: "Newsreader", serif;
		font-size: 4em;
		font-optical-sizing: auto;
		font-weight: 400;
		font-style: normal;
		letter-spacing: 0.1em;
	}

	.title-header h2 {
		font-size: 1.5em;
		font-optical-sizing: auto;
		font-weight: 300;
		font-style: normal;
		letter-spacing: 0.1em;
	}

}