//
// Jumbotron
// --------------------------------------------------


.jumbotron {
  padding: $jumbotron-padding ($jumbotron-padding / 2);
  margin-bottom: $jumbotron-padding;
  color: $jumbotron-color;
  background-color: $jumbotron-bg;
  @include border-radius($border-radius-lg);
}

.jumbotron-heading {
  color: $jumbotron-heading-color;
}

.jumbotron-hr {
  border-top-color: darken($jumbotron-bg, 10%);
}

@include media-sm {
  .jumbotron {
    padding: ($jumbotron-padding * 2) $jumbotron-padding;
  }

  .jumbotron-heading {
    font-size: ($font-size-base * 4.5);
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  @include border-radius(0);
}