*,
::before,
::after {
	box-sizing: border-box;
}

html {
	font-size: 120%;
	font-size: clamp(105%, 1.5vw, 605%);
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
}

body {
	margin: 0;
	padding: 3em 8%;
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	background: #6d2b36;
	color: #ffffff;
}

h1 {
	font-family: Palatino, sans-serif;
	font-size: 1.5em;
	line-height: 1.3;
}

p {
	margin: 0 0 1.25em 0;
}

a {
	color: #ffffff;
	border-bottom: .10em solid #ffffff;
	text-decoration: none;
	padding-bottom: .15em;
}

a:active,
a:hover {
	color: #ffffff;
	border-bottom: .10em solid transparent;
	outline: 0;
	text-decoration: none;
	padding-bottom: .15em;
}

::selection {
	background: #ffffff;
	color: #1c77a2;
	text-shadow: none;
}

img {
	display: block;
	width: 100%;
	height: auto;
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

header {
	margin: 0 0 3em 0;
}

header h1 {
	/* hidden for sited people but keeps it there for screen readers */
	clip: rect(0 0 0 0); 
	clip-path: inset(50%);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap; 
	width: 1px;
}

header img {
	width: 15em;
	margin: 0 auto;
}

@media (min-width: 50em) {
	
	header img {
		width: 15em;
	}

}

@media (min-width: 50em) {

	main {
		width: 75%;
		margin: 0 auto;
	}

}

footer {
	
}


/* Print
========================================================================== */
@media only print {

	body {
		background: white;
		color: black;
		font-size: 12pt;
		margin: 0 5%;
	}

	[role="main"] {
		padding: 0;
		border: none;
	}

	a, a * {
		color: #0259C4;
		background: transparent;
		text-decoration: none;
		border-bottom: 1px solid #0259C4;
	}

}