/* Small only */
@media screen and (max-width: 39.9375em) {}

/* Medium and up */
@media screen and (min-width: 40em) {}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}

/* Large and up */
@media screen and (min-width: 64em) {}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}

/* variables */
.partners-page {
  --light-blue:#f1f8fe;
  --dark-blue:#003a68;
  --link-blue:#23b4ed;
  --gray9:#999999;
}

.partners-page .container {
  padding-top:2rem;
  padding-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .partners-page .container {
    padding-top:5rem;
    padding-bottom:2rem;
  }
}
.container-top {
  padding-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .container-top {
    padding-bottom:4rem;
  }
}
.container-bottom {
  background-color:var(--light-blue);
  padding-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .container-bottom {
    padding-bottom:4rem;
  }
}

.container-bottom h2 {
  font-size:3rem;
  font-weight:600;
  color:var(--dark-blue);
} 
@media screen and (min-width: 64em) {
  .container-bottom h2 {
    font-size:3.6275rem;
  }
}
.container-bottom .title {
  text-align:center;
  margin-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .container-bottom .title {
    margin-bottom:4rem;
  }
}
.excerpt {
  text-align:center;
  margin-bottom:4rem;
}
.logo {
  position:static;
  margin-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .logo {
    margin-bottom:6rem;
  }
}
a.btn.default {
  padding:1.25rem;
  border-radius:125px;
  text-transform:uppercase;
  font-weight:600;
  font-size:1.75rem;
  max-width:340px;
  width:100%;
  background-color:var(--dark-blue);
  border-color:var(--dark-blue);
  color:white;
}
a.btn.default:hover {
  background-color:var(--link-blue);
}
.contact-information a {
  color:var(--link-blue);
}
.contact-information a:hover {
  color:var(--dark-blue);
}

.description {
  margin-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .description {
    margin-bottom:3rem;
  }
}
.description > * {
  margin-bottom:2rem;
}
@media screen and (min-width: 64em) {
  .description > * {
    margin-bottom:3rem;
  }
}
.description h3 {
  font-size:2rem;
  color:var(--dark-blue);
  line-height:1.35;
  font-weight:600;
}

@media screen and (min-width: 64em) {
  .description h3 { 
    font-size:3rem;
  }
}

.description h4 {
  font-size: 1.75rem;
  font-weight: 700;
  color: black;
  margin-bottom:1rem;
  letter-spacing:.1rem;
}

@media screen and (min-width: 64em) {
  .description h4 {
    font-size: 2.25rem;
  }
}

.description p {
  line-height:1.7;
}

.description ul {
  margin:0;
  margin-bottom:1rem;
  list-style:none;
}
.description ul p {
  margin-bottom:0;
  padding:.5rem 1rem;
  display:flex;
}
.description ul a {
  font-weight:700;
}
.description ul .icon {
  margin-right:1.25rem;
}

.description ul .material-symbols-outlined {
  font-weight:500;
  font-size:3rem;
  color:var(--dark-blue);
}
.partner-payments-image {
  padding: 3px;
  border-radius: 5px;
  box-shadow: -2px 4px 5px var(--gray9);
  transition:all .3s ease-in-out;
  margin-bottom:2rem;
}
.partner-payments-image:hover {
  transform:scale(1.005);
}

/*///// partner page - aftermarket /////*/
#partners .container-top {
  text-align:center;
}
#partners .container-top h2 {
  font-size:3rem;
  color:var(--dark-blue);
  font-weight:800;
}
@media screen and (min-width: 64em) {
  #partners .container-top h2 {
    font-size:4.25rem;
  }
  #partners .content-column {
    padding:0;
  }
}
#partners .container-top .title {
  margin-bottom:2rem;
}
@media screen and (min-width: 64em) {
  #partners .container-top .title {
    margin-bottom:4rem;
  }
}
@media screen and (min-width: 64em) {
  #partners .description {
    margin-bottom:4rem;
  }
}
#partners .partner-logo-image {
  margin-bottom:2rem;
  transition:all .3s ease-in-out;
}
#partners .partner-logo-image:hover {
  transform:scale(1.005);
}

/*///// partner pages - aftermarket /////*/
.aftermarket-payments-image {
  padding: 3px;
  border-radius: 5px;
  box-shadow: -2px 4px 5px var(--gray9);
  transition:all .3s ease-in-out;
  margin-bottom:2rem;
}
.aftermarket-payments-image:hover {
  transform:scale(1.005);
}