/* ============================================================
   FONT DECLARATIONS - CONTACT
   ============================================================
   This file contains ALL font-size and font-family declarations
   extracted from contact.css.
   
   DO NOT modify font sizes here without updating the source.
   All values are the EXACT original values from the source file.
   ============================================================ */


body {

  font-family: "Manrope", "DM Sans", sans-serif;
}

.text-blue {
  font-family: "Allomira Black", "Allomira", serif;
}

.hero-text h1 {

  /* Updated blue for Contact Us heading */
  font-size: 3rem;
  font-family: "Allomira Black", "Allomira", serif;
}



.location-box h2 {

  /* Updated yellow for headers */
  font-family: "Allomira Black", "Allomira", serif;
  font-size: 2.8rem;
}



.company-name {

  font-family: "Lato", sans-serif;
  font-size: clamp(0.85rem, 0.2vw + 0.7rem, 1.05rem);
}



.address {

  font-family: "Lato", sans-serif;
  font-size: clamp(0.85rem, 0.2vw + 0.7rem, 1.05rem);
}



.contact-item a {

  font-size: clamp(0.85rem, 0.2vw + 0.7rem, 1.05rem);
  font-family: "Lato", sans-serif;
}


@media (max-width: 991px) {


  .hero-text h1 {

    font-size: 2rem;
}
}

/* ============================================================
   CONSOLIDATED HIGH-RESOLUTION TYPOGRAPHY OVERRIDES
   ============================================================ */

/* 1. LAPTOP BASELINE (1280px Viewports) */
@media screen and (min-width: 1200px) and (max-width: 1366px) {

  /* Group 1: PARAGRAPH SIZES -> 15px */
  .address,
  .contact-item a,
  .app-promo-desc,
  .text-dark-grey {
    font-size: 15px !important;
  }

  /* Group 2: SUB-HEADINGS -> 18px */
  .company-name {
    font-size: 18px !important;
  }

  /* Group 3: SECTION HEADINGS -> 38px */
  .location-box h2,
  .text-blue {
    font-size: 38px !important;
  }

  /* Group 4: HERO TITLE -> 58px */
  .hero-text h1 {
    font-size: 58px !important;
  }

  /* Group 5: PRE-TITLE -> 18px */
  .pre-title,
  #pre-title,
  .app-pre-title {
    font-size: 18px !important;
  }
}

/* 2. LAPTOP LARGE (1440px Viewports) */
@media screen and (min-width: 1367px) and (max-width: 1599px) {

  /* Group 1: PARAGRAPH SIZES -> 17px */
  .address,
  .contact-item a,
  .app-promo-desc,
  .text-dark-grey {
    font-size: 17px !important;
  }

  /* Group 2: SUB-HEADINGS -> 20px */
  .company-name {
    font-size: 20px !important;
  }

  /* Group 3: SECTION HEADINGS -> 44px */
  .location-box h2,
  .text-blue {
    font-size: 44px !important;
  }

  /* Group 4: HERO TITLE -> 66px */
  .hero-text h1 {
    font-size: 66px !important;
  }

  /* Group 5: PRE-TITLE -> 24px */
  .pre-title,
  #pre-title,
  .app-pre-title {
    font-size: 24px !important;
  }
}

/* 3. DESKTOP STANDARD (1920px Viewports) */
@media screen and (min-width: 1600px) and (max-width: 1999px) {

  /* Group 1: PARAGRAPH SIZES -> 20px */
  .address,
  .contact-item a,
  .app-promo-desc,
  .text-dark-grey {
    font-size: 20px !important;
  }

  /* Group 2: SUB-HEADINGS -> 24px */
  .company-name {
    font-size: 24px !important;
  }

  /* Group 3: SECTION HEADINGS -> 52px */
  .location-box h2,
  .text-blue {
    font-size: 52px !important;
  }

  /* Group 4: HERO TITLE -> 78px */
  .hero-text h1 {
    font-size: 78px !important;
  }

  /* Group 5: PRE-TITLE -> 34px */
  .pre-title,
  #pre-title,
  .app-pre-title {
    font-size: 34px !important;
  }
}

/* 4. DESKTOP LARGE (2860px Viewports) */
@media screen and (min-width: 2000px) and (max-width: 3000px) {

  /* Group 1: PARAGRAPH SIZES -> 26px */
  .address,
  .contact-item a,
  .app-promo-desc,
  .text-dark-grey {
    font-size: 26px !important;
  }

  /* Group 2: SUB-HEADINGS -> 30px */
  .company-name {
    font-size: 30px !important;
  }

  /* Group 3: SECTION HEADINGS -> 68px */
  .location-box h2,
  .text-blue {
    font-size: 68px !important;
  }

  /* Group 4: HERO TITLE -> 102px */
  .hero-text h1 {
    font-size: 102px !important;
  }

  /* Group 5: PRE-TITLE -> 48px */
  .pre-title,
  #pre-title,
  .app-pre-title {
    font-size: 48px !important;
  }
}

/* 5. DESKTOP 4K (3840px/3860px Viewports) */
@media screen and (min-width: 3001px) {

  /* Group 1: PARAGRAPH SIZES -> 36px */
  .address,
  .contact-item a,
  .app-promo-desc,
  .text-dark-grey {
    font-size: 36px !important;
  }

  /* Group 2: SUB-HEADINGS -> 40px */
  .company-name {
    font-size: 40px !important;
  }

  /* Group 3: SECTION HEADINGS -> 96px */
  .location-box h2,
  .text-blue {
    font-size: 96px !important;
  }

  /* Group 4: HERO TITLE -> 144px */
  .hero-text h1 {
    font-size: 144px !important;
  }

  /* Group 5: PRE-TITLE -> 66px */
  .pre-title,
  #pre-title,
  .app-pre-title {
    font-size: 66px !important;
  }
}