.paragraph--type--factoid-section.layout {
  padding: 2rem 15px;
}

@media (min-width: 62em) {
  .paragraph--type--factoid-section.layout {
    padding: 2rem 7.4074074074%;
  }
}

.paragraph--type--factoid-section .l--offset {
  padding-left: 0;
  padding-right: 0;
}

@media (min-width: 37.5em) {
  .paragraph--type--factoid-section .l--offset {
    padding: 0 60px;
  }
}

.paragraph--type--factoid-section .l--offset .field--name-field-factoid {
  padding: 0;
}

.paragraph--type--stories-factoid .c__factoid-content .factoid__number {
  font-family: var(--font-family-serif);
  font-style: normal;
  font-weight: bold;
  font-size: 5rem;
  line-height: 109px;
  text-align: center;
  color: var(--color-dark-gray);
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 1;
          order: 0;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 0;
}

.paragraph--type--stories-factoid .c__factoid-content .factoid__text {
  font-family: var(--font-family-sans);
  font-style: normal;
  font-weight: 600;
  font-size: 1rem;
  line-height: 160%;
  text-align: center;
  color: var(--color-ictj-blue);
  -webkit-box-flex: 0;
          flex: none;
  -webkit-box-ordinal-group: 2;
          order: 1;
  align-self: stretch;
  flex-grow: 0;
  margin: 0 0;
}

.field--name-field-factoid {
  padding: 30px;
  border: 2px solid var(--color-lite-tan);
}

@media (min-width: 62em) {
  .field--name-field-factoid {
    padding: 60px;
  }
}

.field--name-field-factoid .field__item {
  background-color: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid var(--color-lite-tan);
  padding: 20px;
  font-size: 1.875rem;
  text-align: center;
}

.field--name-field-factoid .field__item:last-child {
  border-bottom: none;
}

@media (min-width: 48em) {
  .field--name-field-factoid .field__item {
    border-right: 1px solid var(--color-lite-tan);
    border-left: 1px solid var(--color-lite-tan);
    border-bottom: none;
  }

  .field--name-field-factoid .field__item:first-child {
    border-left: none;
  }

  .field--name-field-factoid .field__item:last-child {
    border-right: none;
  }
}

.field--gridcount-1 {
  display: block;
}

@media (min-width: 48em) {
  .field--gridcount-1 {
    display: grid;
    grid-template-columns: 1fr;
  }
}

.field--gridcount-2 {
  display: block;
}

@media (min-width: 48em) {
  .field--gridcount-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}

.field--gridcount-3 {
  display: block;
}

@media (min-width: 48em) {
  .field--gridcount-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
}