.about-page {
  width: 90%;
  margin: auto;
  padding-top: 6rem;
}

.about-main-heading {
 font-size: var(--fs-md);
 font-weight: 300; 
 color: var(--color-teal);
}

.about-main-heading span {
 font-size: var(--fs-xl);
 font-weight: 800; 
 color: var(--color-orange);
}

.about-page h2 {
font-size: var(--fs-lg);
font-weight: 800; 

}

.about-page-image-mobile {
  
}

.about-page-image-mobile img {
  width: 100%;
  height: 500px;
  max-height: 400px;
  object-fit: cover;
  object-position: top;
}
.about-page-image-large {
  display: none;
}



/* ------------------------------------------- */
/* 2. MEDIA QUERY FOR LARGER SCREENS */
/* ------------------------------------------- */

@media screen and (min-width: 768px){

.about-page {
  width: 96%;
  margin: auto;
}

.about-page-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.about-page-body {
  /* display: grid; */
  grid-column: 1/2;
}

.about-page-image-mobile {
  display: none;
}

.about-page-image-large {
  display: grid;
  grid-column: 2/-1;
}

}