.lloydsBg {
  background-color: rgb(17, 182, 122);
}

.santanderBg {
  background-color: rgb(230, 0, 0);
}

.clientLogo {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: auto;
}

.column-logo-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100%;*/
  align-content: center;
}

/* Default (all screen sizes) */

.pt-6 {
  padding-top: 5rem;
}

.pt-7 {
  padding-top: 6rem;
}

.pt-8 {
  padding-top: 7rem;
}

/* Small (≥576px) */

@media (min-width: 576px) {
  .pt-sm-6 {
    padding-top: 4rem !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-7 {
    padding-top: 5rem !important;
  }
}

@media (min-width: 576px) {
  .pt-sm-8 {
    padding-top: 6rem !important;
  }
}

/* Medium (≥768px) */

@media (min-width: 768px) {
  .pt-md-6 {
    padding-top: 4rem !important;
  }
}

@media (min-width: 768px) {
  .pt-md-7 {
    padding-top: 5rem !important;
  }
}

@media (min-width: 768px) {
  .pt-md-8 {
    padding-top: 6rem !important;
  }
}

/* Large (≥992px) */

@media (min-width: 992px) {
  .pt-lg-6 {
    padding-top: 4rem !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-7 {
    padding-top: 5rem !important;
  }
}

@media (min-width: 992px) {
  .pt-lg-8 {
    padding-top: 6rem !important;
  }
}

/* Extra Large (≥1200px) */

@media (min-width: 1200px) {
  .pt-xl-6 {
    padding-top: 4rem !important;
  }
}

@media (min-width: 1200px) {
  .pb-xl-6 {
    padding-bottom: 12rem !important;
  }
}

@media (min-width: 1200px) {
  .mb-xl-6 {
    padding-bottom: 0rem !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-7 {
    padding-top: 5rem !important;
  }
}

@media (min-width: 1200px) {
  .pt-xl-8 {
    padding-top: 6rem !important;
  }
}

/* Extra Extra Large (≥1400px) */

@media (min-width: 1400px) {
  .pt-xxl-6 {
    padding-top: 4rem !important;
  }
}

@media (min-width: 1400px) {
  .pt-xxl-7 {
    padding-top: 5rem !important;
  }
}

@media (min-width: 1400px) {
  .pt-xxl-8 {
    padding-top: 6rem !important;
  }
}