.grid-and-padding {
  display: grid;
  padding-left: calc(56rem * 1 / 18);
  padding-right: calc(56rem * 1 / 18);
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1400px) {
  .grid-and-padding {
    padding-left: 32px;
    padding-right: 32px;
    column-gap: 16px;
  }
}
@media only screen and (max-width: 1023px) {
  .grid-and-padding {
    grid-template-columns: repeat(12, 1fr);
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .grid-and-padding {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.grid-and-padding {
  display: grid;
  grid-template-columns: 2.604% repeat(24, 1fr) 2.604%;
  column-gap: calc(20rem * 1 / 18);
}
@media only screen and (max-width: 1023px) {
  .grid-and-padding {
    grid-template-columns: repeat(12, 1fr);
    column-gap: 20px;
  }
}
@media only screen and (max-width: 600px) {
  .grid-and-padding {
    grid-template-columns: repeat(4, 1fr);
  }
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
.z-4 {
  z-index: 4 !important;
}
.z-5 {
  z-index: 5 !important;
}
.z-6 {
  z-index: 6 !important;
}
.z-7 {
  z-index: 7 !important;
}
.z-8 {
  z-index: 8 !important;
}
.z-9 {
  z-index: 9 !important;
}
.z-10 {
  z-index: 10 !important;
}
.z-11 {
  z-index: 11 !important;
}
.z-12 {
  z-index: 12 !important;
}
.z-13 {
  z-index: 13 !important;
}
.z-14 {
  z-index: 14 !important;
}
.z-15 {
  z-index: 15 !important;
}
.z-16 {
  z-index: 16 !important;
}
.z-17 {
  z-index: 17 !important;
}
.z-18 {
  z-index: 18 !important;
}
.z-19 {
  z-index: 19 !important;
}
.z-20 {
  z-index: 20 !important;
}
.cps {
  width: 100%;
  display: block;
}
.cps-xsmall {
  height: 2rem;
}
@media only screen and (max-width: 1023px) {
  .cps-xsmall {
    height: 20px;
  }
  .cps-xsmall.mobile-hide {
    display: none;
  }
}
.cps-small {
  height: 4rem;
}
@media only screen and (max-width: 1023px) {
  .cps-small {
    height: 40px;
  }
  .cps-small.mobile-hide {
    display: none;
  }
}
.cps-medium {
  height: 6rem;
}
@media only screen and (max-width: 1023px) {
  .cps-medium {
    height: 60px;
  }
  .cps-medium.mobile-hide {
    display: none;
  }
}
.cps-large {
  height: 8rem;
}
@media only screen and (max-width: 1023px) {
  .cps-large {
    height: 80px;
  }
  .cps-large.mobile-hide {
    display: none;
  }
}
.cps-xlarge {
  height: 10rem;
}
@media only screen and (max-width: 1023px) {
  .cps-xlarge {
    height: 100px;
  }
  .cps-xlarge.mobile-hide {
    display: none;
  }
}