/* *************************************************** */
/* **************************** MAX WIDTH - 1700px */
/***************************************************** */

@media (max-width: 1700px) {
  /*  ************************************  */
  /*  * * * * * MAIN PAGE * * * * * * * * * */
  /*  ************************************  */
  /* -------------------------------- GENERAL */
  .section-main-title {
    font-size: 1.8rem;
  }

  .emphasize {
    font-size: 2.2rem;
  }

  /* -------------------------------- MODAL */
  .modal-header {
    font-size: 2rem;
  }

  .modal-text {
    font-size: 1.2rem;
  }

  .modal-contact-link:link,
  .modal-contact-link:visited {
    font-size: 1.2rem;
  }
  /* -------------------------------- ABOUT TOP SECTION */
  .about-img {
    width: 28rem;
  }

  .about-img {
    height: 38rem;
  }

  .atp,
  .abp {
    line-height: 1.4;
  }

  .at-left,
  .abot-right {
    gap: 1.8rem;
  }

  .p-type {
    font-size: 0.9rem;
  }

  /* -------------------------------- ABOUT BOTTOM SECTION */
  .owner-img {
    width: 34rem;
    height: 34rem;
  }

  /* -------------------------------- CTE SECTION */
  .accolade {
    height: 22rem;
  }

  .acco-heading h4 {
    font-size: 2.8rem;
  }

  /* -------------------------------- PROJECTS SECTION */
  .project-section {
    gap: 3.2rem;
  }

  /* -------------------------------- CAPABILITIES SECTION */
  .capability {
    height: 13rem;
  }

  .capability-title {
    font-size: 1.2rem;
  }

  /* -------------------------------- REVIEWS SECTION */
  .review-wrapper {
    max-width: 65%;
  }
  .review-container {
    height: 28rem;
  }

  .rev-img {
    width: 22rem;
  }

  /* -------------------------------- CONNECT SECTION */
  .con-header {
    max-width: 80%;
  }

  .connect-container {
    max-width: 80%;
  }

  /*  ************************************  */
  /*  * * * * * ABOUT PAGE * * * * * * * * * */
  /*  ************************************  */
  #about-body {
    grid-template-columns: 1.1fr 2fr;
  }

  /* ******************* LEFT SIDE */
  .about-emph {
    font-size: 1.6rem;
  }

  /* ******************* RIGHT SIDE */
  .about-right-side {
    padding: 1.5rem 5rem 7.2rem;
  }

  .tall-content {
    padding: 3.6rem 1.8rem;
  }

  .about-div {
    gap: 1.4rem;
  }

  .about-title {
    font-size: 0.9rem;
  }

  .about-description {
    font-size: 0.72rem;
  }

  .main-content-p {
    font-size: 0.82rem;
  }

  /*  ************************************  */
  /*  * * * * * PROJECTS PAGE * * * * * * * * * */
  /*  ************************************  */
  .history-title {
    font-size: 4.8rem;
  }

  .history-title-support {
    font-size: 1.7rem;
  }

  .history-title-text {
    font-size: 1rem;
  }

  .p-main-img {
    width: 24rem;
  }
}