body.sg {
  background-color: white; }

.sg-container {
  margin-left: 10px;
  margin-right: 10px; }
  @media (min-width: 1540px) {
    .sg-container {
      margin-left: auto;
      margin-right: auto;
      max-width: 1500px; } }

.jumbotron-styleguide {
  background: #fafafa;
  border-bottom: solid 1px #eee;
  text-align: center;
  padding-top: 5%;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale; }

.jumbotron-styleguide h1 {
  font-weight: 100;
  color: #111;
  font-size: 3.4em;
  margin-bottom: 20px;
  margin-top: 0; }

.jumbotron-styleguide p {
  font-weight: 400;
  font-size: 1.15em;
  line-height: 1.7;
  color: #222; }

.jumbotron-styleguide .btn {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.8em;
  letter-spacing: 1px;
  padding: 10px 30px;
  margin: 10px 5px 0 5px;
  border-color: #ddd; }

.jumbotron-styleguide .btn:hover {
  border-color: transparent;
  color: #fff; }

.jumbotron-inner {
  max-width: 500px; }
  @media (min-width: 500px) {
    .jumbotron-inner {
      margin-left: auto;
      margin-right: auto; } }

/*
 * override heading styles.
 */
h1.sg {
  font-weight: 600;
  font-size: 1.3em;
  text-transform: uppercase;
  margin: 6em 0 1.5em;
  color: #777; }
  h1.sg + section h2.sg {
    margin-top: 0; }

h2.sg.sg {
  font-weight: 300;
  font-size: 2.3em; }

/*
 * for @example.slim
 */
.sg-slim .sg-canvas {
  max-width: 300px; }

/*
 * for @example.wide
 */
.sg-wide .sg-canvas {
  max-width: 540px; }

/**
 * Visualize grid on styleguide
 */
.sg-visualize-grid .grid-item {
  background-color: #d2e9ff;
  min-height: 100px; }

/*# sourceMappingURL=sourcemap/styleguide.css.map */