.signpost-container{padding: 30px  0; min-height: 190px; }
.signpost-container h3{padding-right: 40px;font-size: 30px; line-height: 36px; margin: 0;}
.signpost-container.single-signpost h3{margin: 0;}

.signpost-container.double-signpost{min-height: 0;}
.sp-box{min-height: 245px; padding: 30px 0; width: 50%; position: relative;}
.sp-box h3{padding: 0;}
.sp-box:first-child{padding-right: 20px;}
.sp-box:last-child{padding-left: 50px; border-left:solid 1px #fff;}

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

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px) {
 .signpost-container h3 br{display: none;}
}
/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width: 767.98px){
.signpost-container{padding: 25px  15px 35px  15px;min-height: auto;}
.signpost-container h3{font-size: 25px;padding: 0;margin-bottom: 30px;line-height: 30px;}
.signpost-container.single-signpost h3{margin-bottom: 30px;}
.sp-box-outer{flex-flow: column;}
.sp-box{min-height: auto; width: 100%; padding: 25px  15px 35px  15px !important;}
.sp-box:last-child{border:0;}
.sp-box:last-child:before{content:''; position: absolute; left: -15px; right: -15px; top: 0; height: 1px; background: #fff;}
}
/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width: 575.98px) {

}