ul.numbers-grid {
  display: grid;
  grid-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  list-style-type: none;
  margin: 0 0 40px 0;
  padding: 0;
  width: 100%;
}
ul.numbers-grid li {
  padding: 20px;
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ul.numbers-grid::before {
  content: '';
  width: 0;
  padding-bottom: 100%;
  grid-row: 1;
  grid-column: 1;
}
ul.numbers-grid > *:first-child {
  grid-row: 1;
  grid-column: 1;
}
ul.numbers-grid li span {
  font-family: 'Amadeus-Medium';
  text-align: right;
  display: block;
}
ul.numbers-grid li span:first-child {
  font-size: 40px;
  font-weight: 500;
  line-height: 52px;
}
ul.numbers-grid li span:last-child {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
}
@media screen and (max-width: 460px) {
  ul.numbers-grid {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
  }
  ul.numbers-grid li:nth-child(4) {
    grid-row: 2;
  }
}
/* default colors, and default transparent */
ul.numbers-grid.default li:nth-child(odd) {
  background-color: #ebf3ff;
}
ul.numbers-grid.default li:nth-child(even) {
  border: 2px solid #0c66e1;
}
ul.numbers-grid.default span {
  color: #0c66e1;
}
ul.numbers-grid.default.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.default.transparent li:nth-child(even) {
  border: none;
}
/* sky */
ul.numbers-grid.sky li:nth-child(odd) {
  background-color: #ebf3ff;
}
ul.numbers-grid.sky li:nth-child(even) {
  border: 2px solid #000835;
}
ul.numbers-grid.sky span {
  color: #000835;
}
ul.numbers-grid.sky.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.sky.transparent li:nth-child(even) {
  border: none;
}
/* violet */
ul.numbers-grid.violet li:nth-child(odd) {
  background-color: #f8eeff;
}
ul.numbers-grid.violet li:nth-child(even) {
  border: 2px solid #26005a;
}
ul.numbers-grid.violet span {
  color: #26005a;
}
ul.numbers-grid.violet.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.violet.transparent li:nth-child(even) {
  border: none;
}
/* forest */
ul.numbers-grid.forest li:nth-child(odd) {
  background-color: #f0ffec;
}
ul.numbers-grid.forest li:nth-child(even) {
  border: 2px solid #023a00;
}
ul.numbers-grid.forest span {
  color: #023a00;
}
ul.numbers-grid.forest.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.forest.transparent li:nth-child(even) {
  border: none;
}
/* cloud */
ul.numbers-grid.cloud li:nth-child(odd) {
  background-color: #ebf3ff;
}
ul.numbers-grid.cloud li:nth-child(even) {
  border: 2px solid #0c66e1;
}
ul.numbers-grid.cloud span {
  color: #0c66e1;
}
ul.numbers-grid.cloud.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.cloud.transparent li:nth-child(even) {
  border: none;
}
/* cloud */
ul.numbers-grid.cloud li:nth-child(odd) {
  background-color: #ebf3ff;
}
ul.numbers-grid.cloud li:nth-child(even) {
  border: 2px solid #ebf3ff;
}
ul.numbers-grid.cloud li:nth-child(even) span {
  color: #ebf3ff;
}
ul.numbers-grid.cloud span {
  color: #0c66e1;
}
ul.numbers-grid.cloud.transparent li:nth-child(odd) {
  background-color: transparent;
}
ul.numbers-grid.cloud.transparent li:nth-child(even) {
  border: none;
}
/* adhoc */
ul.numbers-grid.adhoc li.pumpkin-10 {
  background-color: #fff0e6;
}
ul.numbers-grid.adhoc li.pumpkin-10 span {
  color: #000521;
}
ul.numbers-grid.adhoc li.transparent {
  background-color: transparent;
  border: 2px solid #000521;
}
ul.numbers-grid.adhoc li.transparent span {
  color: #000521;
}
ul.numbers-grid.adhoc li.sky-30 {
  background-color: #9fc6ff;
}
ul.numbers-grid.adhoc li.sky-30 span {
  color: #000521;
}
ul.numbers-grid.adhoc li.sky-60 {
  background-color: #0c66e1;
}
ul.numbers-grid.adhoc li.sky-60 span {
  color: #000521;
}
ul.numbers-grid.adhoc li.sky-90 {
  background-color: #000835;
}
ul.numbers-grid.adhoc li.sky-90 span {
  color: #0c66e1;
}