.factoid-wrapper {
  -ms-flex-item-align: left;
      -ms-grid-row-align: left;
      align-self: left; }
  @media (min-width: 768px) {
    .factoid-wrapper {
      -ms-flex-item-align: auto;
          -ms-grid-row-align: auto;
          align-self: auto; } }

.factoid {
  background: #f9f6e5;
  border-radius: 50%;
  height: 200px;
  width: 200px; }
  .factoid .field--name-field-fact {
    color: #003057;
    font-family: "Roboto Slab", serif;
    font-size: var(--fs-factoid);
    font-weight: bold;
    text-align: center;
    top: 10%;
    position: relative; }
  .factoid .field--name-field-description {
    font-size: 18px;
    left: 100px;
    line-height: 24px;
    position: relative; }