/* Fonts */
@font-face {
		font-family: "NeueHaas";
		src: url("/nhaasgroteskdsstd-25th.woff") format("woff"), url("//mittr-frontend-prod-herokuapp-com.global.ssl.fastly.net/_/fonts/nhaasgroteskdsstd-25th.ttf") format("truetype");
		font-weight: 200;
font-style: normal; }

@font-face {
		font-family: "NeueHaas";
		src: url("/nhaasgroteskdsstd-55rg.woff") format("woff"), url("/nhaasgroteskdsstd-55rg.ttf") format("truetype");
		font-weight: normal;
font-style: normal; }

body {
		width: 100%;
		margin: 0;
}

body, p {
		font-family: NeueHaas, sans-serif;
}

h1.error-msg {
		font-size: 1.5em;
		font-weight: 200;
}

@media (min-width: 550px) {
		h1.error-msg {
				max-width: 95%;	
				font-size: 60px;
				margin: 100px 0;
		}
}


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

@media (min-width: 550px) {
		.container {
				padding: 0 30px;
		}
}

.navbar {
		position: relative;
		margin: 0 auto;
		max-width: 1180px;
		position: relative;
		height: 130px;
		width: 100%;
		padding-top: 23px;
		padding-bottom: 20px;
}

.navbar__logo-mod {
		height: 50px;
		width: 184px;
		background-repeat: no-repeat;
		display: block;
		float: left;
		margin: 10px 0;
		position: relative;
		z-index: 4;
}

.navbar__logo-mod img {
		width: 100%;
}

.navbar__width {
		margin: 0 auto;
		max-width: 1180px;
		position: relative;
		height: 130px;
		display: inline-block;
		width: 100%;
		text-align: left;
		padding-top: 23px;
		border-bottom: 4px solid black;
}

/**
 * Footer
 */

.footer {
		text-align: left;
		width: 100%;
		background-color: #fff;
		position: relative;
}

.footer__intro {
		max-width: 580px;

		float: left;
		width: 75%;
		margin-bottom: 0;
}

.footer__header {
		padding-top: 23px;
}

@media (min-width: 550px) {
		.footer__header {
				padding-top: 50px;
		}
}

.footer__intro__text {
		font-family: NeueHaas;
		width: 100%;
		line-height: 1.35;
}

.footer-copyright {
		color: white;
		display: block;
		width: 100%;
		clear: both;
}

@media (min-width: 550px) {
		margin-left: 16.7%;
}

.footer-copyright a {
		color: white;
		text-decoration: none;
}

.footer__wrapper {
		background-color: black;
		color: #ffffff;
		padding-bottom: 100px;
}

.footer__icon {
		display: none;
		float: left;
		width: 16.7%;
		height: 45px;
		background-size: contain;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-image: url('/tr-glyph.svg');
}

@media (min-width: 550px) {
		display: block;
}