#splash-container h1 {
  line-height: 1em;
}

.sf .title h1 {
	margin-bottom: 1em;
}

@media (min-width: 1em) {
  body {
    font: normal 0.6em/1.3em 'GibsonRegular', arial, sans-serif;
  }
  .canvas {
    min-width: 25em;
  }
}

@media (min-width: 29.938em) {
  body {
    font: normal 0.9em/1.4em 'GibsonRegular', arial, sans-serif;
  }
  .canvas {
    max-width: 48em;
    min-width: 25em;
  }
}

@media (min-width: 47.938em) {
  body {
    font: normal 0.9em/1.4em 'GibsonRegular', arial, sans-serif;
  }
  .canvas {
    max-width: 48em;
  }
}

@media (min-width: 59.938em) {
  body {
    font: normal 1em/1.5em 'GibsonRegular', arial, sans-serif;
  }
  .canvas {
    max-width: 60em;
  }
}