@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Bricolage+Grotesque:ital@0;1&display=swap');

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Bricolage Grotesque";
}

body, p, a, .btn {
    font-family: "Instrument Sans";
}

h5, .h5 {
    font-size: 1.5rem;
}

: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);
  }
}
main { padding-top:  50px }
.jumbotron p:last-child {
  margin-bottom: 0;
}

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

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

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

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

.box-shadow { box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05); }

@media (max-width: 768px) {
.media img {
    width: 36px !important;
}

.list-group h5.mb-1 {
    font-size: 1.1rem;
}

.list-group p.mb-0 {
    font-size: 0.9rem;
}

.list-group  small.text-muted {
    font-size: 60%;
    text-align: right;
}

 }
h1, h5, .h1, .h5, .jumbotron-heading {
  font-weight: bold;
}

.list-group-item {
  padding: 1.25rem 2rem;
}