html {
  min-width: 900px;
  overflow-x: hidden;
  background-color: #fff;
  background-image: -webkit-radial-gradient(ellipse closest-side, #fff, #eee);
  background-image: radial-gradient(ellipse closest-side, #fff, #eee);
  color: #000;
}

/**
 * Canvas.
 */

.page-intro-canvas-logo,
.page-intro-canvas-heading {
  height: 100%;
  position: absolute;
  overflow: hidden;
}

.page-intro-canvas-logo {
  height: 100%;
  width: 30%;
  position: absolute;
  background: -webkit-radial-gradient(center right, ellipse 80% 100%, #333, #000);
  background: radial-gradient(ellipse 80% 100% at center right, #333, #000);
  text-align: right;
}

.page-intro-canvas-logo img {
  height: 100%;
}

.page-intro-canvas-heading {
  width: 70%;
  right: 0;
}

.page-intro-canvas-heading h1 {
  text-indent: -0.1em;
  font-size: 100px;
  font-family: "Lato";
  font-weight: 100;
}

.page-intro-canvas-heading h2 {
  font-size: 40px;
  font-family: "Playfair Display";
}

.page-intro-canvas-heading h2 span:nth-child(2) {
  padding: 0 0.5em;
}

.page-intro-canvas-heading h2 span:nth-child(3) {
  font-style: italic;
}