@font-face {
	font-family: 'Raleway';
		src: url('/shared/Raleway-ExtraLight.ttf');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
		src: url('/shared/Raleway-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
		src: url('/shared/Raleway-SemiBold.ttf');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
		src: url('/shared/Lato-Light.ttf');
	font-weight: 200;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
		src: url('/shared/Lato-Regular.ttf');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
		src: url('/shared/Lato-Bold.ttf');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Lato';
		src: url('/shared/Lato-Black.ttf');
	font-weight: 800;
	font-style: normal;
}

html, body {
	background-color: #fff;
	color: #636b6f;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 18px;
	height: 100vh;
	margin: 0;
}

a {
	color: #636b6f;
}
a:hover {
	color: #c0143c;
}

b {
	font-weight: 600;
}

.full-height {
	height: 100vh;
}

.flex-center {
	align-items: center;
	display: flex;
	justify-content: center;
}

.position-ref {
	position: relative;
}

.top-right {
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
}

.content-wrapper {
	text-align: center;
	padding: 0 50px;
}
@media (max-width: 480px) {
	.content-wrapper {
		padding: 0 25px;
	}
}

.title {
}
.content {
}
.links {
}

h1 {
	font-family: 'Raleway', sans-serif;
	font-size: 2.4em;
	font-weight: 400;
	margin: 30px 0;
}

.logo img {
	max-width: 350px;
}

.content-wrapper .links {
	margin-top: 60px;
}

.content-wrapper .links > a {
	margin: 0 20px;
	padding: 3px;
	font-size: .9em;
	font-weight: 600;
	letter-spacing: .1rem;
	text-decoration: none;
	text-transform: uppercase;
}