.page-signpost-container{padding: 80px 0;}
.page-signpost-content{padding: 35px 30px 42px 40px;gap: 60px;background: var(--aac-white);border-radius: 30px;}
.page-signpost-left h2{font-size: 30px;margin-bottom: 18px;}
.page-signpost-right{gap: 36px;max-width: 320px;width: 100%;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) { }

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) { 
    
}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) { 
    .page-signpost-container{padding: 60px 0;}
    .page-signpost-content{gap: 28px;}
    .page-signpost-left h2{margin-bottom: 24px;}
    .page-signpost-right{max-width: 100%;;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
    .page-signpost-container{padding: 0;}
    .page-signpost-content{ width: calc(100% + 40px); margin-left: -20px;padding: 45px 34px 52px; border-radius: 0;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) { }