/* ===== MOBILE CONTACT TEAM FIX ===== */

@media screen and (max-width: 900px) {
  body.contact-page {
    overflow-x: hidden !important;
  }

  body.contact-page #sel-header {
    display: none !important;
  }

  body.contact-page #sel-mobile-menu {
    position: fixed !important;
    top: 20px !important;
    right: 18px !important;
    z-index: 99999999 !important;
  }

  /* Team / people grid: 2 next to each other */
  body.contact-page .team-grid,
  body.contact-page .staff-grid,
  body.contact-page .people-grid,
  body.contact-page .contact-team-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 16px !important;
    box-sizing: border-box !important;
  }

  body.contact-page .team-member,
  body.contact-page .staff-member,
  body.contact-page .person-card,
  body.contact-page .contact-person {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  body.contact-page .team-member img,
  body.contact-page .staff-member img,
  body.contact-page .person-card img,
  body.contact-page .contact-person img {
    width: 100% !important;
    height: 170px !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
  }

  body.contact-page .team-member h3,
  body.contact-page .staff-member h3,
  body.contact-page .person-card h3,
  body.contact-page .contact-person h3 {
    font-size: 17px !important;
    line-height: 1.15 !important;
    margin: 10px 0 4px 0 !important;
  }

  body.contact-page .team-member p,
  body.contact-page .staff-member p,
  body.contact-page .person-card p,
  body.contact-page .contact-person p {
    font-size: 14px !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }
}

/* ===== RESPONSIVE CONTACT MOBILE FIX ===== */

@media screen and (max-width: 900px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.contact-page main,
  body.contact-page section,
  body.contact-page .contact-hero,
  body.contact-page .team-section,
  body.contact-page .meet-team-section,
  body.contact-page .contact-section {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }

  /* Make top headings scale with phone size */
  body.contact-page h1,
  body.contact-page h2 {
    font-size: clamp(30px, 9vw, 56px) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.contact-page p {
    font-size: clamp(15px, 4.4vw, 19px) !important;
    line-height: 1.35 !important;
    max-width: 100% !important;
  }

  /* Team grid must always fit inside phone */
  body.contact-page .team-grid,
  body.contact-page .staff-grid,
  body.contact-page .people-grid,
  body.contact-page .contact-team-grid,
  body.contact-page .team-members,
  body.contact-page .staff-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, 3.5vw, 18px) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 clamp(10px, 4vw, 18px) !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.contact-page .team-member,
  body.contact-page .staff-member,
  body.contact-page .person-card,
  body.contact-page .contact-person,
  body.contact-page .team-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: clamp(10px, 3vw, 16px) !important;
    box-sizing: border-box !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.contact-page .team-member img,
  body.contact-page .staff-member img,
  body.contact-page .person-card img,
  body.contact-page .contact-person img,
  body.contact-page .team-card img {
    width: 100% !important;
    height: clamp(135px, 42vw, 210px) !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
  }

  body.contact-page .team-member h3,
  body.contact-page .staff-member h3,
  body.contact-page .person-card h3,
  body.contact-page .contact-person h3,
  body.contact-page .team-card h3 {
    font-size: clamp(12px, 4vw, 17px) !important;
    line-height: 1.15 !important;
    margin: 10px 0 4px 0 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.contact-page .team-member p,
  body.contact-page .staff-member p,
  body.contact-page .person-card p,
  body.contact-page .contact-person p,
  body.contact-page .team-card p {
    font-size: clamp(11px, 3.5vw, 14px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }
}

/* Very small phones: still 2 columns, but tighter */
@media screen and (max-width: 360px) {
  body.contact-page .team-grid,
  body.contact-page .staff-grid,
  body.contact-page .people-grid,
  body.contact-page .contact-team-grid,
  body.contact-page .team-members,
  body.contact-page .staff-list {
    gap: 8px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}


/* ===== FULL CONTACT PAGE RESPONSIVE MOBILE SYSTEM ===== */

@media screen and (max-width: 900px) {

  html,
  body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.contact-page {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.contact-page *,
  body.contact-page *::before,
  body.contact-page *::after {
    box-sizing: border-box !important;
  }

  body.contact-page main,
  body.contact-page section,
  body.contact-page div,
  body.contact-page form {
    max-width: 100% !important;
  }

  body.contact-page img {
    max-width: 100% !important;
  }

  /* General section spacing */
  body.contact-page section {
    width: 100% !important;
    padding-left: clamp(14px, 4vw, 26px) !important;
    padding-right: clamp(14px, 4vw, 26px) !important;
    overflow-x: hidden !important;
  }

  /* Top contact intro section */
  body.contact-page .contact-hero,
  body.contact-page .contact-intro,
  body.contact-page .contact-top,
  body.contact-page .hero-contact {
    width: 100% !important;
    padding: clamp(36px, 10vw, 70px) clamp(16px, 5vw, 30px) !important;
    text-align: center !important;
  }

  body.contact-page h1,
  body.contact-page h2 {
    font-size: clamp(30px, 8.8vw, 58px) !important;
    line-height: 1.05 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
  }

  body.contact-page h3 {
    font-size: clamp(18px, 5vw, 28px) !important;
    line-height: 1.12 !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  body.contact-page p,
  body.contact-page label,
  body.contact-page input,
  body.contact-page select,
  body.contact-page textarea,
  body.contact-page button,
  body.contact-page a {
    max-width: 100% !important;
  }

  body.contact-page p {
    font-size: clamp(15px, 4vw, 19px) !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
  }

  /* Meet the Team section */
  body.contact-page .team-section,
  body.contact-page .meet-team-section,
  body.contact-page .staff-section,
  body.contact-page .people-section {
    width: 100% !important;
    padding: clamp(34px, 9vw, 70px) clamp(12px, 4vw, 24px) !important;
    overflow-x: hidden !important;
  }

  /* Any team card wrapper */
  body.contact-page .team-grid,
  body.contact-page .staff-grid,
  body.contact-page .people-grid,
  body.contact-page .contact-team-grid,
  body.contact-page .team-members,
  body.contact-page .staff-list,
  body.contact-page .team-row,
  body.contact-page .staff-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: clamp(10px, 3.5vw, 20px) !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    overflow: hidden !important;
  }

  body.contact-page .team-member,
  body.contact-page .staff-member,
  body.contact-page .person-card,
  body.contact-page .contact-person,
  body.contact-page .team-card,
  body.contact-page .staff-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: clamp(10px, 3vw, 16px) !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.contact-page .team-member img,
  body.contact-page .staff-member img,
  body.contact-page .person-card img,
  body.contact-page .contact-person img,
  body.contact-page .team-card img,
  body.contact-page .staff-card img {
    width: 100% !important;
    height: clamp(130px, 42vw, 215px) !important;
    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
  }

  body.contact-page .team-member h3,
  body.contact-page .staff-member h3,
  body.contact-page .person-card h3,
  body.contact-page .contact-person h3,
  body.contact-page .team-card h3,
  body.contact-page .staff-card h3 {
    font-size: clamp(12px, 3.8vw, 17px) !important;
    line-height: 1.15 !important;
    margin: 10px 0 4px 0 !important;
    overflow-wrap: break-word !important;
  }

  body.contact-page .team-member p,
  body.contact-page .staff-member p,
  body.contact-page .person-card p,
  body.contact-page .contact-person p,
  body.contact-page .team-card p,
  body.contact-page .staff-card p {
    font-size: clamp(11px, 3.4vw, 14px) !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  /* Contact form section */
  body.contact-page form,
  body.contact-page .quote-form,
  body.contact-page .contact-form {
    width: 100% !important;
    max-width: 100% !important;
    padding: clamp(16px, 5vw, 28px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  body.contact-page input,
  body.contact-page select,
  body.contact-page textarea {
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(15px, 4vw, 17px) !important;
  }

  body.contact-page textarea[name="transport_requirements"] {
    min-height: 155px !important;
    height: 155px !important;
    line-height: 1.35 !important;
  }

  /* Phone field */
  body.contact-page .contact-number-row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    height: 54px !important;
  }

  body.contact-page .contact-number-row select.country-code-select {
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
  }

  body.contact-page .contact-number-row input.contact-number-input {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: auto !important;
  }

  body.contact-page button,
  body.contact-page .quote-btn,
  body.contact-page .submit-btn {
    max-width: 100% !important;
  }

  /* Contact details boxes */
  body.contact-page .contact-details,
  body.contact-page .details-grid,
  body.contact-page .contact-info-grid,
  body.contact-page .detail-boxes {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    padding-left: clamp(14px, 4vw, 24px) !important;
    padding-right: clamp(14px, 4vw, 24px) !important;
  }

  body.contact-page .detail-box,
  body.contact-page .contact-box,
  body.contact-page .info-box {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
  }

  /* Footer */
  body.contact-page footer {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    padding-left: clamp(14px, 4vw, 24px) !important;
    padding-right: clamp(14px, 4vw, 24px) !important;
  }
}

/* Smaller phones */
@media screen and (max-width: 360px) {
  body.contact-page section {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  body.contact-page h1,
  body.contact-page h2 {
    font-size: clamp(28px, 9vw, 46px) !important;
  }

  body.contact-page .team-grid,
  body.contact-page .staff-grid,
  body.contact-page .people-grid,
  body.contact-page .contact-team-grid,
  body.contact-page .team-members,
  body.contact-page .staff-list,
  body.contact-page .team-row,
  body.contact-page .staff-row {
    gap: 8px !important;
  }

  body.contact-page .team-member,
  body.contact-page .staff-member,
  body.contact-page .person-card,
  body.contact-page .contact-person,
  body.contact-page .team-card,
  body.contact-page .staff-card {
    padding: 8px !important;
  }
}


/* ===== MOVE ELMAR PHOTO SLIGHTLY UP ON MOBILE ===== */
@media screen and (max-width: 900px) {
  img[alt*="Elmar"],
  img[alt*="ELMAR"],
  img[src*="elmar"] {
    object-fit: cover !important;
    object-position: center 20% !important;
  }
}


/* ===== MOVE ELMAR + SCHALK PHOTOS SLIGHTLY UP ON MOBILE ===== */
@media screen and (max-width: 900px) {
  img[alt*="Elmar"],
  img[alt*="ELMAR"],
  img[src*="elmar"] {
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  img[alt*="Schalk"],
  img[alt*="SCHALK"],
  img[src*="schalk"] {
    object-fit: cover !important;
    object-position: center 18% !important;
  }
}


/* ===== MOVE ELMAR + SCHALK PHOTOS SLIGHTLY UP ON MOBILE ===== */
@media screen and (max-width: 900px) {
  img[alt*="Elmar"],
  img[alt*="ELMAR"],
  img[src*="elmar"] {
    object-fit: cover !important;
    object-position: center 20% !important;
  }

  img[alt*="Schalk"],
  img[alt*="SCHALK"],
  img[src*="schalk"] {
    object-fit: cover !important;
    object-position: center 18% !important;
  }
}


/* ===== MOBILE TEAM PHOTO CROP FIX - ELMAR + SCHALK ===== */
@media screen and (max-width: 900px) {

  /* Elmar: show as much of the top as possible */
  img[alt*="Elmar"],
  img[alt*="ELMAR"],
  img[src*="elmar"] {
    object-fit: cover !important;
    object-position: center top !important;
  }

  /* Schalk: move image up more */
  img[alt*="Schalk"],
  img[alt*="SCHALK"],
  img[src*="schalk"] {
    object-fit: cover !important;
    object-position: center 12% !important;
  }
}




/* ===== ELMAR MANUAL MOBILE PHOTO CONTROL ===== */

@media screen and (max-width: 900px) {



  img[src*="elmar"] {

    object-fit: cover !important;

    object-position: center top !important;



    /* CHANGE THIS LINE FOR ELMAR PHOTO HEIGHT */

    height: 350px !important; 

  }

}










/* ===== ELMAR MANUAL MOBILE PHOTO CONTROL ===== */



@media screen and (max-width: 900px) {







  img[src*="elmar"] {



    object-fit: cover !important;



    object-position: center top !important;







    /* CHANGE THIS LINE FOR ELMAR PHOTO HEIGHT */



    height: 600px !important; 



  }



}








/* ===== DIRECT ELMAR MOBILE PHOTO CONTROL ===== */
@media screen and (max-width: 900px) {

  body.contact-page img.elmar-mobile-photo {
    width: 100% !important;

    /* CHANGE THIS LINE FOR ELMAR PHOTO HEIGHT */
    height: 240px !important;

    object-fit: cover !important;
    object-position: center top !important;
    display: block !important;
  }
}


/* ===== FIX ELMAR CARD AFTER HEIGHT BREAK ===== */
@media screen and (max-width: 900px) {

  body.contact-page img.elmar-mobile-photo,
  body.contact-page img[src*="elmar"] {
    width: 100% !important;

    /* DO NOT CHANGE THIS HEIGHT TOO MUCH - this keeps the card neat */
    height: clamp(130px, 42vw, 215px) !important;

    object-fit: cover !important;

    /* CHANGE THIS LINE ONLY TO MOVE ELMAR UP/DOWN */
    object-position: center top !important;

    display: block !important;
  }
}




/* ===== FIX ELMAR CARD AFTER HEIGHT BREAK ===== */

@media screen and (max-width: 900px) {



  body.contact-page img.elmar-mobile-photo,

  body.contact-page img[src*="elmar"] {

    width: 100% !important;



    /* DO NOT CHANGE THIS HEIGHT TOO MUCH - this keeps the card neat */

    height: clamp(130px, 42vw, 215px) !important;



    object-fit: cover !important;



    /* CHANGE THIS LINE ONLY TO MOVE ELMAR UP/DOWN */

    object-position: center 50% !important; 



    display: block !important;

  }

}










/* ===== FIX ELMAR CARD AFTER HEIGHT BREAK ===== */



@media screen and (max-width: 900px) {







  body.contact-page img.elmar-mobile-photo,



  body.contact-page img[src*="elmar"] {



    width: 100% !important;







    /* DO NOT CHANGE THIS HEIGHT TOO MUCH - this keeps the card neat */



    height: clamp(130px, 42vw, 215px) !important;







    object-fit: cover !important;







    /* CHANGE THIS LINE ONLY TO MOVE ELMAR UP/DOWN */



    object-position: center 100% !important; 







    display: block !important;



  }



}








/* ===== SCHALK MOBILE PHOTO POSITION ===== */
@media screen and (max-width: 900px) {
  body.contact-page img[src*="schalk"],
  body.contact-page img[alt*="Schalk"],
  body.contact-page img[alt*="SCHALK"] {
    width: 100% !important;
    height: clamp(130px, 42vw, 215px) !important;
    object-fit: cover !important;

    /* CHANGE THIS LINE FOR SCHALK UP/DOWN */
    object-position: center 50% !important;

    display: block !important;
  }
}


/* ===== MOBILE CONTACT EMAIL CATEGORY SIZE FIX ===== */
@media screen and (max-width: 900px) {
  body.contact-page .contact-email-box .email-label,
  body.contact-page .contact-email-box strong,
  body.contact-page .contact-email-box h4,
  body.contact-page .contact-email-box b {
    font-size: 17px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin: 0 0 3px 0 !important;
  }

  body.contact-page .contact-email-box p {
    font-size: 13px !important;
    line-height: 1.25 !important;
    margin: 0 0 10px 0 !important;
  }
}


/* ===== MAKE OTHER SAME AS FINANCE ON MOBILE ===== */
@media screen and (max-width: 900px) {
  body.contact-page .contact-email-box .email-label,
  body.contact-page .contact-email-box p.email-label {
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin: 0 0 3px 0 !important;
    color: #071327 !important;
  }

  body.contact-page .contact-email-box .email-group p:first-child {
    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin: 0 0 3px 0 !important;
    color: #071327 !important;
  }

  body.contact-page .contact-email-box .email-group p:not(:first-child) {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin: 0 0 10px 0 !important;
    color: #071327 !important;
  }
}


/* ===== FIX OTHER LABEL + SPEED UP GREEN STRIP MOBILE ===== */
@media screen and (max-width: 900px) {

  /* Make Other same as Finance */
  body.contact-page .contact-email-box p,
  body.contact-page .contact-email-box .email-label,
  body.contact-page .contact-email-box .normal-email-label,
  body.contact-page .detail-box p,
  body.contact-page .detail-box strong,
  body.contact-page .detail-box b {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    font-family: inherit !important;
    margin: 0 0 4px 0 !important;
    color: #071327 !important;
  }

  body.contact-page .contact-email-box .email-group {
    margin-bottom: 12px !important;
  }

  /* Speed up green moving label */
  body.contact-page .green-strip .ticker,
  body.contact-page .green-strip.lower .ticker,
  body.contact-page .ticker {
    animation-duration: 8s !important;
  }
}


/* ===== CONTACT MENU SAME AS OTHER MOBILE PAGES ===== */
@media screen and (max-width: 900px) {
  body.contact-page #sel-mobile-menu {
    position: fixed !important;
    top: 20px !important;
    right: 18px !important;
    z-index: 99999999 !important;
  }

  body.contact-page #sel-mobile-menu-btn {
    display: flex !important;
    width: 56px !important;
    height: 50px !important;
    background: rgba(255,255,255,0.78) !important;
    border: 0 !important;
    border-radius: 7px !important;
    padding: 10px !important;
    margin: 0 !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    cursor: pointer !important;
  }

  body.contact-page #sel-mobile-menu-btn span {
    display: block !important;
    width: 36px !important;
    height: 4px !important;
    background: #071327 !important;
    border-radius: 4px !important;
  }

  body.contact-page #sel-mobile-menu-panel {
    display: none !important;
    position: absolute !important;
    top: 60px !important;
    right: 0 !important;
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
    background: rgba(255,255,255,0.97) !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 35px rgba(0,0,0,.28) !important;
    padding: 18px !important;
    box-sizing: border-box !important;
  }

  body.contact-page.sel-mobile-menu-open #sel-mobile-menu-panel,
  body.sel-mobile-menu-open.contact-page #sel-mobile-menu-panel {
    display: flex !important;
    flex-direction: column !important;
    gap: 13px !important;
  }

  body.contact-page #sel-mobile-menu-panel a {
    display: block !important;
    width: 100% !important;
    color: #071327 !important;
    text-decoration: none !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    padding: 5px 0 !important;
    white-space: nowrap !important;
    text-align: left !important;
    box-sizing: border-box !important;
  }

  body.contact-page #sel-mobile-menu-panel .sel-mobile-quote {
    background: #28A745 !important;
    color: #ffffff !important;
    text-align: center !important;
    border-radius: 7px !important;
    padding: 14px 12px !important;
    margin-top: 4px !important;
    white-space: normal !important;
  }
}


/* ===== CONTACT PHONE CLICK LINK + MOBILE DETAIL LINES ===== */

.phone-click-link {
  color: inherit !important;
  text-decoration: none !important;
}

.phone-click-link:hover {
  text-decoration: underline !important;
}

@media screen and (max-width: 900px) {
  body.contact-page .detail-box,
  body.contact-page .contact-box,
  body.contact-page .info-box,
  body.contact-page .contact-details > div,
  body.contact-page .details-grid > div,
  body.contact-page .contact-info-grid > div {
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 1px solid #cfdbe7 !important;
    border-bottom: 1px solid #cfdbe7 !important;
  }

  body.contact-page .phone-click-link {
    color: inherit !important;
    text-decoration: none !important;
  }
}


/* ===== FINAL CONTACT DETAILS CLEANUP ===== */

/* Phone clickable on mobile + desktop */
.phone-click-link {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.phone-click-link:hover {
  text-decoration: underline !important;
}

/* Other / Finance / email labels same size everywhere */
.contact-email-box .email-label,
.contact-email-box p.email-label,
.contact-email-box .email-group p:first-child {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  margin: 0 0 3px 0 !important;
  color: #071327 !important;
}

.contact-email-box .email-group p:not(:first-child) {
  font-size: 13px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  margin: 0 0 10px 0 !important;
  color: #071327 !important;
}

/* Kill any leftover huge Other styling */
.contact-email-box strong,
.contact-email-box b,
.contact-email-box h1,
.contact-email-box h2,
.contact-email-box h3,
.contact-email-box h4 {
  font-size: 16px !important;
  line-height: 1.25 !important;
  font-weight: 400 !important;
  font-family: inherit !important;
  margin: 0 0 3px 0 !important;
  color: #071327 !important;
}

@media screen and (max-width: 900px) {

  /* Mobile details: only one grey line between sections, no left/right borders */
  body.contact-page .detail-box,
  body.contact-page .contact-box,
  body.contact-page .info-box,
  body.contact-page .contact-details > div,
  body.contact-page .details-grid > div,
  body.contact-page .contact-info-grid > div {
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-top: 1px solid #cfdbe7 !important;
  }

  body.contact-page .detail-box:last-child,
  body.contact-page .contact-box:last-child,
  body.contact-page .info-box:last-child,
  body.contact-page .contact-details > div:last-child,
  body.contact-page .details-grid > div:last-child,
  body.contact-page .contact-info-grid > div:last-child {
    border-bottom: 1px solid #cfdbe7 !important;
  }

  body.contact-page .contact-email-box .email-label,
  body.contact-page .contact-email-box p.email-label,
  body.contact-page .contact-email-box .email-group p:first-child,
  body.contact-page .contact-email-box strong,
  body.contact-page .contact-email-box b,
  body.contact-page .contact-email-box h1,
  body.contact-page .contact-email-box h2,
  body.contact-page .contact-email-box h3,
  body.contact-page .contact-email-box h4 {
    font-size: 13px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
    margin: 0 0 4px 0 !important;
  }
}


/* ===== MAKE MOBILE PHONE NUMBER LOOK CLICKABLE ===== */
@media screen and (max-width: 900px) {
  body.contact-page .phone-click-link {
    color: #071327 !important;
    text-decoration: underline !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-block !important;
  }

  body.contact-page .phone-click-link:hover,
  body.contact-page .phone-click-link:active {
    text-decoration: underline !important;
    color: #000000 !important;
  }
}