@font-face {
  font-family: 'MonumentExtendedBold';
  src: url('../fonts/monumentExtended-Bold.woff2') format('woff2'),
       url('../fonts/monumentExtended-Bold.woff') format('woff'),
       url('../fonts/monumentExtended-Bold.ttf') format('truetype');
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/proximaNova-Regular.otf') format('otf');
  font-weight: normal;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/proximaNova-Semibold.otf') format('otf');
  font-weight: 600;
}

@font-face {
  font-family: 'ProximaNova';
  src: url('../fonts/proximaNova-Thin.otf') format('otf');
  font-weight: 100;
}

body {
	background: #2c2e28;
	position: relative;
}

.container {
	max-width: 1080px;
	margin: 0 auto;
	position: initial;
    width: 100%;
    height: 100%;
}

#coming-soon-text {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
	padding: 20px;
}

#coming-soon-text img {
	display: block;
	text-align: center;
	margin: 0 auto 90px;
}

#coming-soon-text h1 {
	color: #e3e9d4;
	text-align: center;
	margin-bottom: 85px;
	margin-top: 0;
	font-family: 'MonumentExtendedBold', sans-serif;
	font-size: 72px;
}

#coming-soon-text h2 {
	color: #e3e9d4;
	text-align: center;
	margin-bottom: 0;
	margin-top: 0;
	font-family: 'ProximaNova', sans-serif;
	font-weight: 600;
	font-size: 72px;
}