/* Fonts */

@import url('https://fast.fonts.net/lt/1.css?apiType=css&c=902a6925-27c3-42c9-8ca2-13a878cb512b&fontids=1296739,1296737');

@font-face { // heavy
	font-family: 'Swiss_721 W03 Heavy';
	src: url('../fonts/1296737/72753b68-fa8b-4c4b-ae51-72b455ead996.eot?#iefix');
	src: url('../fonts/1296737/72753b68-fa8b-4c4b-ae51-72b455ead996.eot?#iefix') format('eot'),
		url('../fonts/1296737/6f1ccb96-2108-4f13-a952-fb6454a8c255.woff2') format('woff2'),
		url('../fonts/1296737/a3c42265-9145-4fcc-afaa-6d72d6bb6424.woff') format('woff'),
		url('../fonts/1296737/7823ebae-5ff8-482d-afee-cd7f00be14cd.ttf') format('truetype'),
		url('../fonts/1296737/66bb0565-0519-4c40-ad96-9492cf3d100b.svg#66bb0565-0519-4c40-ad96-9492cf3d100b') format('svg');
	font-weight: 900;
	font-style: normal;
}

html {
	box-sizing: border-box;
}

body {
	background: #fff;
    color: #707070;
    font-family: "Helvetica Neue","TeXGyreHeros","Segoe UI",Helvetica,Arial,sans-serif;
    line-height: 1.5;
	text-align: center;
	margin: 0;
}

h1 {
	color: #444;
	font-size: 3em;
	line-height: 1;
	margin: 1em 0;
    font-family: "Swiss_721 W03 Heavy","Helvetica Neue","TeXGyreHeros","Segoe UI",Helvetica,Arial,sans-serif;
    letter-spacing: -0.03em;
}

p {
    font-size: 1em;
    letter-spacing: 0.01em;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1.5em;
}

a {
    color: #007faa;
    text-decoration: none;
	background-color: transparent;
}

a:hover, a:focus {
	color: #00465d;
}

a:hover {
	outline: 0;
}

a:active {
	color: #034;
	outline: 0;
}

img {
	border: 0;
}

img.align-center {
    width: 100%;
    height: auto;
}

.masthead {
	background-color: #444;
	padding: 1.5em 15px;
}

.masthead img {
	vertical-align: middle;
}

.container {
	padding: 0 15px;
	margin: 0 auto;
	max-width: 800px;
}

.bg-color-wrap {
	background-color: #f5f5f5;
	margin-bottom: 1.5em;
}

.browser-options {
	list-style: none;
	padding-left: 0;
	margin: 0 -1.5%;
	overflow: hidden;
}

.browser-options li {
	float: left;
	padding: 0 1.5%;
	width: 22%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}
/* three-pixel float bug - IE6 only */
* html .browser-options li  {
	margin-right: -3px;
}

.browser-options img {
	display: block;
	margin: 0 auto 0.5em;
}

.copyright {
	margin-top: 4em;
	margin-bottom: 1.5em;
}

.small {
	font-size: 80%;
}

.p-a-2 {
    padding: 1.5rem!important;
}

/* styles are desktop first, since IE8 and below don't support media queries */
@media screen and (max-width: 921px) {
	h1 {
		font-size: 2.5em;
		line-height: 1.2;
		margin: 1.2em 0;
	}
	
	.container {
		max-width: 690px;
	}
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 2.25em;
		margin: 0.666em 0;
		line-height: 1;
	}
	
	.browser-options li {
		width: 47%;
	}
	
	.container {
		max-width: 546px;
	}
}

@media screen and (max-width: 543px) {
	h1 {
		font-size: 2em;
		margin: 1em 0;
	}
}