/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  background: #fffdf8;
}

.container {
  max-width: 960px;
}

.pricing-header {
  max-width: 700px;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}

.bg-jsk {
  background-color: #4b2718;
}

.hero-card {
  background: linear-gradient(135deg, #fff3cf, #f4d58d);
  color: #442214;
}

.hero-card .lead {
  max-width: 650px;
}

.btn-jsk {
  color: #fff;
  background-color: #7b3f1d;
  border-color: #7b3f1d;
}

.btn-jsk:hover {
  color: #fff;
  background-color: #5c2f16;
  border-color: #5c2f16;
}