/* .border-top-blue */

.border-top-blue { padding-bottom: 6.5rem;}
.border-top-blue img { width: 100%; margin-top: 3rem;}

@media (max-width: 767px) {
    .border-top-blue { padding-bottom: 3rem;}
    .border-top-blue h2 { margin-bottom: 1.5rem;}
}




/* .blue-featured */
.blue-featured {overflow: hidden;}
.blue-featured:after { content: ""; position: absolute; top: 0; left: 50%; z-index: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); transform: skew(-10deg);}
.blue-featured .content.flex { justify-content: space-around; align-items: center; height: 100%;}
.blue-featured .content.flex > div { width: 35%;}
.blue-featured img { margin: auto;}

@media (max-width: 1023px) {
    .blue-featured:after { top: 50%; left: 0; transform: skewY(-15deg);}
    .blue-featured .content.flex { flex-wrap: wrap;}
    .blue-featured .content.flex > div { width: 75%;}
}

@media (max-width: 767px) {
    .blue-featured .content.flex > div { width: 90%%;}
    .blue-featured .text-content img { width: 100%; max-width: 250px;}
}