@font-face {
  font-family: 'curatorhead_cond_st_light';
  src: url('../fonts/curatorhead_condst_light-webfont.ttf') format('truetype'),
  url('../fonts/curatorhead_condst_light-webfont.woff2') format('woff2'),
  url('../fonts/curatorhead_condst_light-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'curatorhead_cond_st_bold';
  src: url('../fonts/curatorhead_condst_bold-webfont.ttf') format('truetype'),
  url('../fonts/curatorhead_condst_bold-webfont.woff2') format('woff2'),
  url('../fonts/curatorhead_condst_bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'curatorhead_cond_st_semibold';
  src: url('../fonts/curatorhead_condst_semibold-webfont.ttf') format('truetype'),
  url('../fonts/curatorhead_condst_semibold-webfont.woff2') format('woff2'),
  url('../fonts/curatorhead_condst_semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


body, html {
  height: 100%;
  margin: 0;
  background-color: #f5f9fc;
}

.bgimg {
  height: 100%;
  position: relative;
  color: #231f20;
  font-family: 'curatorhead_cond_st_light', Arial, Helvetica, sans-serif;
  font-size: 2.3rem;
}


.middle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 80%;
  margin:0 auto;
  
}

.middle img {
	max-width: 400px;
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}

h1 {
	line-height: 80px;
	margin-bottom: 13px;
}

h3 {
	margin-top:0px;
}