.simple-signpost-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -30px; }
.simple-signpost-item { width: 50%; margin-bottom: 30px; padding: 0 15px; }
.simple-signpost-box { background-color: var(--sof-white); border-radius: 20px; overflow: hidden; height: 100%; }
.simple-signpost-box-text { width: 52.2%; padding: 34px 30px 48px 40px; line-height: 1.444; flex-grow: 1; }
.simple-signpost-box-image { width: 47.8%; position: relative; }
.simple-signpost-box-text h2 { font-size: 50px; margin-bottom: 9px; line-height: 1; color: var(--sof-blue-dark); }
.simple-signpost-box-text p { margin-bottom: 25px; }
.simple-signpost-box-image>img { position: absolute; height: 100%; width: 100%; object-fit: cover; }

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
	.simple-signpost-box-text { width: 100%; }
	.simple-signpost-box-image { width: 100%; height: 231px; order: -1; }
}

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

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
	.simple-signpost-item { width: 100%; }
	.simple-signpost-box-text { padding: 30px; }
}

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

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