/* nunito-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-sans-v19-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/nunito-sans-v19-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/nunito-sans-v19-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* nunito-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-sans-v19-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html,
body {
	height: 100%;
}

body {
	font-family: "Nunito Sans", sans-serif;
	background-color: #ffffff;
	color: #333333;
}

h1,h2 {
	margin-bottom:1rem;
}

a {
	color:#000;
}

.page {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

.hero {
	min-height: calc(100vh - 72px);
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 3rem 1.5rem;
}

.hero-content {
	max-width: 1250px;
}

.logo {
	width: 480px;
	object-fit: contain;
	margin-bottom: 1.5rem;
	border:1px solid #f0f0f0;
}

.slogan {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 2rem;
}

.message, p {
	font-size: 1.1rem;
	color: #666666;
}

ol {
	font-size: 1.1rem;
	color: #666666;
	padding-left:32px;
}

hr {
	margin-top:2rem;
	margin-bottom:1.5rem;
}

.main {
	min-height: calc(100vh - 72px);
	display: flex;
	align-items: center;
	justify-content: flex-start;
	text-align: left;
	padding: 3rem 1.5rem;
}

.main-content {
	max-width: 1250px;
	margin-left:auto;
	margin-right:auto;
}

footer {
	border-top: 1px solid #eeeeee;
	padding: 1.25rem 1rem;
	font-size: 0.9rem;
}

footer a {
	color: inherit;
	text-decoration: none;
}

footer a:hover {
	text-decoration: underline;
}

@media (min-width: 768px) {
	.logo {
		width: 480px;
	}

	.slogan {
		font-size: 2rem;
	}

	.message {
		font-size: 1.2rem;
	}
}