/* Index page grid layout CSS - adapted from drganghe.github.io */

#hero-heading .about-link {
  margin: 3px;
}

.quarto-about-trestles .about-entity {
  padding-top: 20px;
}

@media(min-width: 992px) {
  .quarto-about-trestles .about-entity {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
  }

  .quarto-about-trestles .about-entity .about-image {
    margin-bottom: 20px;
  }

  .quarto-about-trestles .about-contents {
    padding-left: 50px;
    border-left: 1px solid #dee2e6;
  }
}