/**
 * contact-page.css
 * Meridian GeoStrategy - Contact Us Page Styles
 *
 * Covers the hero banner with responsive image offsets
 * for the contact page.
 *
 * @module contact-page
 * @version 2.0.0
 * @see {@link https://meridiangeostrategy.com}
 */

/* ==========================================================================
   Hero Banner
   ========================================================================== */

.about_container {
  width: 100%;
  height: 260px;
  overflow: hidden;
}

@media screen and (min-width: 1260px) {
  .about_container img {
    width: 100%;
    height: auto;
    margin-top: -500px;
  }
}

@media screen and (max-width: 1260px) and (min-width: 960px) {
  .about_container img {
    width: 100%;
    height: auto;
    margin-top: -220px;
  }
}

@media screen and (max-width: 960px) {
  .about_container img {
    width: 100%;
    height: 100%;
  }
}

.about-top {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
}