/*-- -------------------------- -->
<---           Platinum          -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #logos-1896 {
    /* 60px - 120px top & bottom */
    /* 16px - 40px left & right */
    padding: clamp(3.75rem, 8vw, 7.5rem) clamp(1rem, 2vw, 2.5rem);
    background-color: var(--primaryLight);
  }
  #logos-1896 .cs-container {
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #logos-1896 .cs-title {
    font-size: var(--headerFontSize);
    font-weight: 700;
    margin: 0;
  }
  #logos-1896 .cs-logo-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-self: stretch;
  }
  #logos-1896 .cs-logo {
    width: 100%;
    max-width: 12.5rem;
    height: auto;
    margin: 0;
    display: block;
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #logos-1896 .cs-logo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #logos-1896 .cs-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
  #logos-1896 .cs-logo-link {
    display: block;
    width: 45%;
    max-width: 12.5rem;
    /* 200px */
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #logos-1896 .cs-logo-wrapper {
    justify-content: space-between;
  }
}
/*-- -------------------------- -->
<---       Gold & Silver        -->
<--- -------------------------- -*/
/* Mobile - 360px */
@media only screen and (min-width: 0rem) {
  #logos-1897 {
    /* 60px - 120px top & bottom */
    /* 16px - 40px left & right */
    background-color: white;
  }
  #logos-1897 .cs-container {
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
  }
  #logos-1897 .cs-container-gold {
    padding-top: 6.25rem;
    text-align: center;
    width: 100%;
    max-width: 80rem;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* 48px - 64px */
    gap: clamp(3rem, 6vw, 4rem);
    padding-bottom: 12.5rem;
  }
  #logos-1897 .cs-container-silver {
    padding-bottom: 6.25rem;
  }
  #logos-1897 .cs-title {
    font-size: var(--headerFontSize);
    font-weight: 700;
    margin: 0;
    color: black;
  }
  #logos-1897 .cs-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
  #logos-1897 .cs-logo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #logos-1897 .cs-graphic {
    width: 100%;
    min-width: 120rem;
    height: auto;
    object-fit: cover;
    position: relative;
    left: 50%;
    z-index: 0;
    transform: translateX(-50%);
    display: block;
  }
  #logos-1897 .cs-logo-link {
    display: block;
    width: 45%;
    max-width: 12.5rem;
    /* 200px */
  }
}
/* Tablet - 768px */
@media only screen and (min-width: 48rem) {
  #logos-1897 .cs-logo {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
  }
  #logos-1897 .cs-logo-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
    align-items: center;
  }
  #logos-1897 .cs-logo-link {
    display: block;
    width: 45%;
    max-width: 12.5rem;
    /* 200px */
  }
}
/* Large Desktop - 1300px */
@media only screen and (min-width: 81.25rem) {
  #logos-1897 .cs-logo-wrapper {
    justify-content: space-between;
  }
}