@font-face {
    font-family: 'montserrat_light';
    src: url('res/montserrat-light-webfont.eot');
    src: url('res/montserrat-light-webfont.woff2') format('woff2'),
         url('res/montserrat-light-webfont.woff') format('woff'),
         url('res/montserrat-light-webfont.ttf') format('truetype'),
         url('res/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat_ultralight';
    src: url('res/montserrat-ultralight-webfont.eot');
    src: url('res/montserrat-ultralight-webfont.woff2') format('woff2'),
         url('res/montserrat-ultralight-webfont.woff') format('woff'),
         url('res/montserrat-ultralight-webfont.ttf') format('truetype'),
         url('res/montserrat-ultralight-webfont.svg#montserratultra_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

html body #div-viewport {
  height: 100%;
}

body {
	font-family: 'montserrat_ultralight', sans-serif;
	background-color: #191717;
	color: white;
}

hr {
  border: solid 1px white;
  width: 111px;
}

#div-viewport {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translateX(-50%) translateY(-54%);  /* exact vertical center looks too low */
  -webkit-transform: translateX(-50%) translateY(-54%);
  transform: translateX(-50%) translateY(-54%);
}

#img-logo {
  width:        92px;
  padding-left: 72px;  /* ( $eloquent_width[184] - $inkpad_width[40] ) / 2 */
}

.hero {
  margin-top: 100px;
}

.eloquent {
	font-family: 'montserrat_light', sans-serif;
  font-size: 24.88px;
  margin-left: 1.8px;
  letter-spacing: 5.75px;
}

.ai {
  margin-top: 5px;
  font-size: 15.88px;
  letter-spacing: 0.96px;
}
.ai .artificial {
}
.ai .intelligence {
  font-weight: bold;
}

.coming-soon {
  margin-top: 70px;
  font-size: 26px;
  letter-spacing: 1.2px;
}

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