:root {
  --jumbotron-padding-y: 3rem;
}

body{

  background-color: #fff;

}
.jumbotron {
/*  padding-top: var(--jumbotron-padding-y);
 padding-bottom: var(--jumbotron-padding-y); */
  margin-bottom: 0;
  background-color: #fff;
  color: #000;
}
@media (min-width: 768px) {
  .jumbotron {
/*    padding-top: calc(var(--jumbotron-padding-y) * 2);
    padding-bottom: calc(var(--jumbotron-padding-y) * 1.5);*/
  }
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 500;
}

.jumbotron .container {
  max-width: 30rem;
}

footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

footer p {
  margin-bottom: .25rem;
}