/* ---------------------------------------------------
   INFO PAGE SPECIFIC STYLES
--------------------------------------------------- */

/* Specific pattern for each info item */
.info-item:nth-child(1) span::after {
  content: '67676776776';
}

.info-item:nth-child(2) span::after {
  content: '67676767';
}

.info-item:nth-child(3) span::after {
  content: '676767677';
}

.info-item:nth-child(4) span::after {
  content: '67667';
}
.info-item:nth-child(5) span::after {
  content: '6777';
}

/* -----------------------------------------------------
  TABLETS (769px-1180px)
----------------------------------------------------- */
@media (min-width: 769px) and (max-width: 1180px) {
  .info-item:nth-child(1) span::after {
    content: '6767677';
  }
  .info-item:nth-child(2) span::after {
    content: '676767';
  }
  .info-item:nth-child(3) span::after {
    content: '6767677';
  }
  .info-item:nth-child(4) span::after {
    content: '6767';
  }
  .info-item:nth-child(5) span::after {
    content: '676';
  }
}

/* =======================================================
   RESPONSIVE STYLES
======================================================= */

/* -----------------------------------------------------
   LARGE SCREENS (1201px+)
----------------------------------------------------- */
/* Base styles above apply to large screens */

/* ---------------------------------------------------
   MOBILE STYLES
--------------------------------------------------- */
@media (max-width: 768px), (orientation: landscape) and (max-width: 932px) {
  /* Mobile-specific styles for about page */
  /* Specific pattern for each info item */
  .info-item:nth-child(1) span::after {
    content: '6767';
  }

  .info-item:nth-child(2) span::after {
    content: '6767';
  }

  .info-item:nth-child(3) span::after {
    content: '6767776676';
  }

  .info-item:nth-child(4) span::after {
    content: '677676';
  }

  .info-item:nth-child(5) span::after {
    content: '6767';
  }
}