/* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
section[data-bg-color=bg-white] + section[data-bg-color=bg-white], section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}

/* repeat for each background color you use */
.p-20 {
  padding: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

/*
html .container, html .container-fluid {
    max-width: 100%;

    img {
        max-width: 100%;
    }
}
    */
/* If two consecutive sections share the same data-bg-color, remove padding-top on the second */
section[data-bg-color=bg-white] + section[data-bg-color=bg-white], section[data-bg-color=bg-buff] + section[data-bg-color=bg-buff] {
  padding-top: 0 !important;
}

/* repeat for each background color you use */
.p-20 {
  padding: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

/*
html .container, html .container-fluid {
    max-width: 100%;

    img {
        max-width: 100%;
    }
}
    */
@media (max-width: 575.98px) {
  .card-group cardgroup-card-item,
  .card-group .col {
    flex: 0 0 100%;
  }
}
@media (min-width: 576px) and (max-width: 991.98px) {
  .card-group cardgroup-card-item,
  .card-group .col {
    flex: 0 0 50%;
  }
}
@media (min-width: 992px) {
  .card-group cardgroup-card-item,
  .card-group .col {
    flex: 0 0 33.3333333333%;
  }
}
.card-group__summary {
  max-width: 866px;
}
.card-group .card:hover {
  text-decoration: none;
}
.card-group .card:hover p {
  text-decoration: none;
}
.card-group .card:hover h2, .card-group .card:hover h3, .card-group .card:hover h4 {
  text-decoration: underline;
  color: #0065BD;
}