@font-face {
		font-family: 'gothamthinregular';
		src: url('../fonts/gothamthin-regular-webfont.woff2') format('woff2'),
				 url('../fonts/gothamthin-regular-webfont.woff') format('woff'),
				 url('../fonts/gothamthin-regular-webfont.ttf') format('truetype'),
				 url('../fonts/gothamthin-regular-webfont.svg#gothamthinregular') format('svg');
		font-weight: normal;
		font-style: normal;

}
html, body, main, .coming-soon .text-center{
	min-height: 100%;
	height: 100%;
	position: relative;
}
body{
	font-family: 'gothamthinregular';
	font-size: 16px;
	background-color: #fffff8;
}
html{
	font-size: 16px;
}
main{
	position: relative;
	padding: 1em;
	padding-bottom: 0;
}
.coming-soon .text-center{
	color: #3f3e3d;
  max-width: 25.5em;
	margin: 0 auto;
	position: relative;
}
.coming-soon .position-bottom{
	position: absolute;
	bottom:0;
}
h1{
	font-size: 1.8em;
	font-family: 'gothamthinregular';
	text-align: left;
	color: #c60738;
	line-height: 1;
	padding-bottom: 1em;
}
.logo{
	margin-bottom: 3.4em;
	max-width: 23em;
	margin-left: 0;
}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	html, body{
		font-size: 18px;
	}
	h1{
			padding-left: 1.9em;
	}
}

/*  Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	html, body{
		font-size: 20px;
	}
}

/*  Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	html, body{
		font-size: 22px;
	}
}

/*  Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	html, body{
		font-size: 24px;
	}
}
@media (min-width: 2000px) {
	html, body{
		font-size: 28px;
	}
}
@media (min-width: 2500px) {
	html, body{
		font-size: 32px;
	}
}

@media (max-height: 767.98px) {
	.coming-soon .position-bottom{
		position: relative;
	}
}
@media (max-height: 767.98px) and (max-width:600px) {
	.coming-soon .position-bottom{
		position: absolute;
	}
}