@charset "UTF-8";
/* CSS Document */

@font-face {
    font-family: 'Metropolis-Bold';
    src: url('../fonts/Metropolis-Bold.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis-Light';
    src: url('../fonts/Metropolis-Light.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis-LightItalic';
    src: url('../fonts/Metropolis-LightItalic.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Ultra';
    src: url('../fonts/Ultra.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Metropolis-Black';
    src: url('../fonts/Metropolis-Black.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

body {
	font-family: "Metropolis-LightItalic", Helvetica, Arial, sans-serif;
	font-size: 1.125em;
	color: #FFF;
}

a, .top-bar-section ul li > a {
	color: #FFF;
	font-family: "Metropolis-Bold", Helvetica, Arial, sans-serif;
	font-size: 1.125;
}

a:hover {
	color: #626366;
}

.panel {
	background-color: #22252C;
	margin-bottom: 0;
	border-width: 0;
}

.top-bar-section ul li, .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul li > a:hover {
	background: none;
}

.panel p {
	color: #FFF;
	font-family: "Metropolis-Light", Helvetica, Arial, sans-serif;
	font-size: 0.75em;
}

nav .inline-list {
	margin-top: 1em;
}

header, .blue {
	background-color: #62C3D5;
	color: #4F4D4F;
}

.row {
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	max-width: 75rem;
}

.dark {
	background-color: #4F4D4F;
}

.light {
	background-color: #BBBDBF;
}

.light p {
	color: #4F4D4F;
}

h2 {
	font-family: "Ultra", "Metropolis-Black", "Clarendon", Georgia, "Times New Roman", serif;
	font-size: 1.875em;
	color: #FFF;
}

.bottom-spacing {
	margin-bottom: 1em;
}

#getset-small {
	margin-top: 0.5em;
}

.download {
	text-align: center;
}