*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

html {
  height: 100%;
}

body {
  font-family: 'Fjalla One', sans-serif;
  font-weight: 400;
	font-size: 18px;
	margin:0;
  color: white;
  background: #1D1E33;
  height: 100%;
  line-height: 1.4;
  padding: 25px;
	-moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
}

.c-hero {
  height: 100%;
  display: flex;
  text-align: center;
}

.c-hero .u-wc {
  margin: auto;
}

.c-hero__logo {
  display: block;
  margin: 0 auto 40px;
}

.c-hero__contact {
  color: #D2D2D7;
  display: block;
  text-align: center;
  text-decoration: none;
  letter-spacing: .35em;
  transition: .3s color;
}

.c-hero__contact:hover {
  color: white;
}

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

  body { 
    font-size: 12px;
  }

  .c-hero__logo {
    max-width: 225px;
    margin-bottom: 20px;
  }

  .c-hero__contact {
    letter-spacing: .25em;
  }

}