@charset "UTF-8";


/* Type */

@font-face {
	font-family: 'Sans';
	src: url('inclusions/Text.woff2') format('woff2'),
		url('inclusions/Text.woff') format('woff');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'SansItalic';
	src: url('inclusions/TextItalic.woff2') format('woff2'),
		url('inclusions/TextItalic.woff') format('woff');
	font-weight: 100;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: 'SansExtra';
	src: url('inclusions/ExtraBold.woff2') format('woff2'),
		url('inclusions/ExtraBold.woff') format('woff');
	font-style: bold;
	font-display: swap;
	
	}


@font-face {
	font-family: 'heading';
	src: url('inclusions/heading-Medium.woff2') format('woff2'),
		url('inclusions/heading-Medium') format('woff');
/*	font-weight: 500;
*/	font-style: normal;
	font-display: swap;
}

@font-face {
		font-family: 'menu';
		src: url('inclusions/heading-Bold.woff2') format('woff2'),
			url('inclusions/heading-Bold.woff') format('woff');
/*		font-weight: 600;
*/		font-style: normal;
		font-display: swap;
	}
			


	
/*taking out the garbage */
* {
	  margin: 0;
	  padding: 0;
	}	
	
sub, sup { line-height: 0; }	
:-webkit-any(article,aside,nav,section) h1 {
	-webkit-margin-before: 0.83__qem;
}	

.debug{
	border: orange 1px solid;
}

/* layout */
html {
	font-size: 22px;
	margin:0;
	padding:0;
	
}

body {
	margin-left: auto;
	margin-right: auto;	
	width: 100%;
	max-width: 1400px;
	font-family: "Sans", sans-serif;
	font-weight: 100;
	font-variant-numeric: oldstyle-nums;
	color: #e2e2e2;
	background-color: #000;
	
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

article{
	width: 48%;
	margin: 0 0 0 10%;
	
}

.branding{

width: 30%;
margin: 0 0% 0 63%;	
position:fixed;
}

.float-left{
	float: left;
	margin-right: 20px;
}


.clear{
	clear:both;
}

/*base typography*/
p
{
	margin-bottom: 1rem;
	line-height: 1.4rem;
}
	
h1 {
	font-family: 'heading', sans-serif;
	font-weight: 100;
	margin-top: 0rem;
	margin-bottom: .5rem;
	font-size: 4.8rem;
	line-height: 1;
	margin-left: -.43rem;

}



h2 {
	font-family: 'heading', sans-serif;
	font-weight: 100;
	letter-spacing: -.04rem;
	font-size: 2rem;
	margin-top: 2rem;
	margin-bottom: .4rem;
	line-height: 1;
	clear: both;
	font-variant-numeric:lining-nums;
}



span.bold{
/*	*/font-family:"SansExtra";
	
}


/*special typography*/

.smallcaps{
	font-variant-caps: all-small-caps;
	font-weight:400;
	letter-spacing:-.06rem;
}

.nowrap{
	word-break: keep-all;
}

h1#logo{
/*	margin-top: -1.98rem; */
	margin-top: 1.6rem;
	text-indent:-9999999px;
}

#copyright{
	margin-top: 3rem;
	color: gray;
	font-size:.8rem;
	line-height: 1.1rem;
}

/*interactive typography*/
p.menu{
	margin-top:3rem;
	font-size: 1.4rem;
}

a{
	display:inline;
	text-decoration: none;
	font-family: menu;
	color: #e2e2e2;
}
a:hover{
	color:white;
}





@media (max-width: 780px) {

.branding, article, h1#logo{
	width: 90%;
	margin:1% 0 0 5%;
	position:relative;
	display:block;
	float:left;
}	
p.menu, article{
margin-top:1rem;	
}
	
}

@media (min-width: 1420px) {
	.branding{
	margin: 0 0% 0 58%;	
	}	
}

@media (min-width: 1900px) {
	.branding{
	margin: 0 0% 0 48%;	
	}	
}