/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v4.1.1 | MIT License | http://necolas.github.io/normalize.css/ */

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}progress{vertical-align:baseline}template,[hidden]{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:bold}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

/* ## Box Sizing
--------------------------------------------- */

html,
input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

*,
*::before,
*::after {
	box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
	content: " ";
	display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
	clear: both;
	content: " ";
	display: table;
}

/* ## Defaults
--------------------------------------------- */

html {
    font-size: 62.5%; /* 10px browser default */
}

/* Chrome fix */
body > div {
    font-size: 1.8rem;
}

/* ## Typography
--------------------------------------------- */

@font-face {
    font-family: 'tt_normsbold';
    src: url('webfonts/ttnorms-bold-webfont.woff2') format('woff2'),
         url('webfonts/ttnorms-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'tt_normsregular';
    src: url('webfonts/ttnorms-regular-webfont.woff2') format('woff2'),
         url('webfonts/ttnorms-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* ## Background
--------------------------------------------- */

img {
	height: auto;
}

.site-container,
.background-container,
.logo-area,
.headline,
.site-footer {
	width: 100%;
}

.site-container {
	background-image: url(images/background-stretch.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.background-container {
	display: flex;
	flex-flow: row wrap;
	align-items: baseline;
	height: 90vh;
	overflow: auto;
}

h1 {
	font-family: 'tt_normsbold', sans-serif;
}

p {
	font-family: 'tt_normsregular', sans-serif;
}

.wrap {
	max-width: 1140px;
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
	clear: both;
}

.logo-area {
	align-self: flex-start;
	padding-top: 20px;
}

.logo-area img {
	width: 100px;
}

.headline {
	color: #fff;
	text-align: center;
	font-size: 60px;
	font-size: 6rem;
	line-height: 1;
}

.site-footer {
	padding: 1vh;
	background-color: #fff;
	text-align: center;
}

.site-footer p {
	font-size: 16px;
	line-height: 1.4;
}

.site-footer a {
	text-decoration: none;
	color: #333;
}

.site-footer a:focus,
.site-footer a:hover {
	color: #999;
}

/* ## Media Queries
--------------------------------------------- */

@media only screen and (max-width: 1280px) {

	.background-container,
	.wrap {
		max-width: 960px;
	}

	.headline {
		font-size: 40px;
		font-size: 4rem;
	}

}

@media only screen and (max-width: 1020px) {

	.background-container,
	.wrap {
		max-width: 800px;
		margin: 0 auto;
	}

}

@media only screen and (max-width: 880px) {

	.background-container,
	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

	.background-container {
		height: 70vh;
	}

	.logo-area {
		width: 90px;
	}

	.logo-area img {
		width: 90px;
	}

	.headline {
		font-size: 20px;
		font-size: 2rem;
	}

	.site-footer {
		font-size: 34px;
	}

}