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

* {
  margin: 0;
}

html, body {
  height: 100%;
}

input, button, textarea, select {
  font: inherit;
}




@font-face {
  font-family: 'MaisonNeueExtended';
  src: url('../fonts/MaisonNeueExtendedWEB-Demi.woff2') format('woff2'),
       url('../fonts/MaisonNeueExtendedWEB-Demi.woff') format('woff');
}

@font-face {
  font-family: 'MaisonNeue';
  src: url('../fonts/MaisonNeueWEB-Book.woff2') format('woff2'),
	   url('../fonts/MaisonNeueWEB-Book.woff') format('woff');
}






::selection {
	background: #292929; /* Safari */
	}
::-moz-selection {
	background: #292929; /* Firefox */
}


body {
	margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
	
	background-color: #000000;
	
	-webkit-text-size-adjust: 100%;
}


.main_div {
	
	width: 80%;
	max-width: 800px;
	
	padding: 0;
	margin: 0;
	
	position: absolute;
    top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	opacity: 1;
}


.ct_desktop {
	display: block;
}

.ct_mobile {
	display: none;
}


.content_title {
	
	font-family: 'MaisonNeueExtended', 'Helvetica', sans-serif;
	
	font-weight: normal;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	
	font-size: 34px;
	text-align: left;
	line-height: 46px;
	
	color: #ffd234;
	opacity: 1;
}

.ct_top {
	margin-bottom: 0px;
}

.content_byline {
	
	font-family: 'MaisonNeue', 'Helvetica', sans-serif;
	
	font-weight: normal;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	
	font-size: 20px;
	line-height: 26px;
	
	text-align: left;
	margin-bottom: 28px;
	
	color: #FFFFFF;
	opacity: 1;
}

.subtext {
	margin-top: 48px;
}

.text_link {
	color: #FFFFFF;
	//transition: opacity 0.5s;
	transition: color 0.5s;
}



.text_link:hover {
	//opacity: 0.5;
	color: #ffd234;
}














@media screen and (max-height: 600px) {
	
	.main_div{
		position: relative;
		width: 80%;
		top: 0%;
		left: 0%;
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		
		margin: 0 auto;
		margin-top: 80px;
		padding-bottom: 80px;
		
		
	}
	
}


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

	.ct_desktop {
		display: none;
	}
	
	.ct_mobile {
		display: block;
	}

	.main_div {	
		width: 82%;
		max-width: 540px;
		
	}
	
	.content_title {
		font-size: 24px;
		line-height: 32px;
	}
	
	.ct_top {
		//font-size: 32px;
		margin-bottom: 10px;
	}
	
	.content_byline {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 22px;
	}
	
	.subtext {
		margin-top: 32px;
	}
	

}