.signpost-box { min-height: 437px; background: var(--nhc-light-grey); border-radius: 30px; overflow: hidden; }
.signpost-left { width: 50%; }
.signpost-content { padding: 48px; font-size: 18px; }
.signpost-content h3 { font-size: 52px; margin-bottom: 24px; }
.signpost-cta { margin-top: 32px; }
.signpost-right { width: 50%; }
.signpost-img { width: 100%; height: 100%; position: relative; }
.signpost-img img { width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0; }
/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.signpost-content h3 { font-size: 42px; }
}
/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
.signpost-left { width: 100%; }
.signpost-content { padding: 32px; font-size: 16px; }
.signpost-content h3 { font-size: 32px; margin-bottom: 20px; }
.signpost-cta { margin-top: 0; }
.signpost-right { width: 100%; }
.signpost-img { height: auto; padding-bottom: 66.6%; }
}
/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) { }