/* ============================================================ */
/*                      FORCE LOGO OVERRIDE                       */
/* ============================================================ */
/* Path: assets/css/logo-override.css
/* Purpose: Aggressively resize the straddling logo at specific
/*          breakpoints, overriding all other styles.
/* ============================================================ */

/*
  Breakpoint 1: For screens between 1200px and 1400px.
  Reduces logo height to ~75% of its original size (230px * 0.75 = ~173px).
*/
@media (min-width: 1200px) and (max-width: 1400px) {
  .header-section .straddle-logo img {
    height: 173px !important;
    width: auto !important;
  }
}

/*
  Breakpoint 2: For screens between 992px and 1199px.
  Reduces logo height again by another 25% (~173px * 0.75 = ~130px).
*/
@media (min-width: 992px) and (max-width: 1199px) {
  .header-section .straddle-logo img {
    height: 130px !important;
    width: auto !important;
  }
}