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

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

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

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

.jumbotron .container {
  max-width: 40rem;
}
.btn:hover {
  background-color: rgb(126, 195, 161);
}

.btn1 {
  background-color: rgb(126, 195, 161, 0.25);
  margin-top: 2px;
  margin-bottom: 2px;
}

.btn2 {
  background-color: rgb(126, 195, 161, 0.45);
  margin-top: 2px;
  margin-bottom: 2px;
}

.btn3 {
  background-color: rgb(126, 195, 161, 0.65);
  margin-top: 2px;
  margin-bottom: 2px;
}

.btn4 {
  background-color: rgb(126, 195, 161, 0.85);
  margin-top: 2px;
  margin-bottom: 2px;
}

.album {
  padding-top: 5px!important;
  padding-bottom: 5px!important;: 
}

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

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