.title_with_yellow_accent {
	position: relative;
}

h4.callout {
	font-size: var(--title-size);
	font-weight: 500;
}

h4.callout span {
	background: yellow;
	padding: 0px 20px 0px 20px;
	border-radius: 50px 0;
	height: 0;
	margin: 0;
	font-weight: 900;
}

.mid-bg {
	background-image: url(../../images/mid-bg.png);
	background-position: left 10%;
	background-repeat: no-repeat;
	background-size: 28%;
	position: absolute;
	width: 100%;
	top: 0;
	height: 160vh;
	z-index: -1;
}

.title_with_yellow_accent .col-12 {
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 20%;
}

body:not(.home) h4.callout span {
    font-weight: 500;
}

.title_with_yellow_accent .text-section {
    line-height: 150%;
}

@media (min-width: 991px) and (max-width: 1440px) {
	.mid-bg {
		background-position: left 30%;
		background-size: 50%;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
    h4.callout {
		font-size: 60px;
	}
    .mid-bg {
		background-position: -130% 40%;
		background-size: 70%;
	}
}

@media (max-width: 767px) {
	h4.callout {
		font-size: 60px;
		text-align: center;
	}
    h4.callout br {
        display: none;
    }
    .title_with_yellow_accent .py-5 {
        padding-bottom: 0 !important;
    }
    .title_with_yellow_accent .my-5 {
        margin-bottom: 0 !important;
    }
}