.intro {
  background-color: #f4f4f4; }
  .intro .inner-intro {
    background-color: #fff;
    border: 2px solid #eeeeee;
    padding: 10px; }
    .intro .inner-intro .intro-heading h3 {
      text-align: center;
      color: #000;
      font-family: alt;
      font-size: 24px;
      text-transform: uppercase; }
    .intro .inner-intro .intro-content p {
      font-size: 15px;
      color: #5f5f5f;
      text-align: justify; }
    .intro .inner-intro .intro-content::after {
      display: table;
      content: "";
      clear: both; }

@media (min-width: 768px) {
  .intro .inner-intro {
    margin-top: 15px;
    padding: 15px;
    border: 3px solid #eeeeee; }
    .intro .inner-intro .intro-heading h3 {
      text-align: left;
      font-size: 28px; }
    .intro .inner-intro .intro-content p {
      font-size: 16px; } }
@media (min-width: 992px) {
  .intro .inner-intro {
    margin-top: 15px;
    padding: 15px;
    border: 4px solid #eeeeee; }
    .intro .inner-intro .intro-heading h3 {
      font-size: 32px; }
    .intro .inner-intro .intro-content p {
      font-size: 16px; } }
@media (min-width: 1200px) {
  .intro .inner-intro {
    margin-top: 20px;
    padding: 20px;
    border: 5px solid #eeeeee; }
    .intro .inner-intro .intro-heading h3 {
      font-size: 36px; } }

/*# sourceMappingURL=intro.css.map */