  .main.main--level:after {
    background-image: none;
    bottom: -1.5rem;
    left: calc(50% -(2.8125rem / 2));
    height: 0;
    width: 0;
}
.su-media__heading {margin-top: 0}
@media only screen and (min-width: 40rem) {
    /* .high-level__related-links {
         padding-right: 0;
         padding-left: 0;
     }*/
}

@media print, screen and (min-width: 87.5em) {
	.xlarge-10 {
		width: 88%;
	}
}
@media print, screen and (min-width: 52.75em) {
    .large-9 {
        width: 70%;
    }    
    .large-3 {
        width: 27%;
    }


	.main__content>.row>.column, .main__content>.row>.columns {
		padding: 0 0 0 0;
		
	}
}

.customButton {margin-bottom: .25rem;}

.intro-high-level {
	padding: 0 1rem;
}

.high-level__related-links {
	background-color: #8a0000 /*#F79F1A*/;
    border-radius: .25rem;;
	padding: 0 1rem 1rem 1rem;
	margin-right: 1rem; 
	box-shadow: .5rem .5rem .375rem #cecece;
}
.high-level__related-links ul.no-bullet li {
    margin: 0;
    padding: 0;
}
.high-level__related-links a.cta-link {
    border-bottom: .0125rem solid rgba(255, 255, 255, .5);
	color: white;
    display: block;
	font-size: clamp(1rem, 1.25vw, 1.125rem);
	font-weight: 500;
    margin: 0 0 0 0;
    min-height: initial;
    padding: 1rem 0 0 0;
    text-transform: initial;
    transition: color 375ms ease-in-out, border-color 375ms ease-in-out
 }
 /*rgba(255, 196, 32, .1)*/
 .high-level__related-links a.cta-link svg {
	color: white;
 }
 .high-level__related-links a.cta-link:visited {
	color: white;
 }
 .high-level__related-links a.cta-link:hover,
 .high-level__related-links a.cta-link:hover svg
 {
	color: #ffc420;
    border-color: rgba(255, 196, 32, .5);
 }

.flex-four {
	display: flex;
	padding: 0;
	margin: 0;
	height: auto;
}

.flex-four .box {
	flex-basis: 25%;
	padding: 1rem .75rem 0 .75rem;
	height: 100%;
    border: .0125rem solid #ffffff;
    transition: background-color 375ms ease-in-out 0.1s, border-color 375ms ease-in-out 0.1s, color 375ms ease-in-out 0.1s;
}
.flex-four .box:hover {
    cursor: pointer;
    background-color: rgba(255, 196, 32, .1);
    border: .0125rem solid #8a0000;

}
.flex-four .box .box-img {
	margin: 0 0 .5rem 0;
	padding: 0;
}
.flex-four .box .box-img img {
	margin: 0;
	padding: 0;
}
.flex-four .box .box-title {
	font-weight: 600;
	font-size: clamp(1.25rem, 2vw, 1.5rem);
	letter-spacing: -.0625rem;
	line-height: 1.25;
	padding: 0;
	height: 4rem;
}
.flex-four .box .box-text {
	height: 13.5rem;
}
.flex-four .box .box-text p {
	line-height: 1.5;
	font-size: .9375rem;
}
.flex-four .box .box-button {
	height: 5.5rem;
}
.flex-four .box .box-button .button {
	margin: auto;
}
.flex-four .box:hover .box-button .button {
    background-color: #8a0000;
    border-color: #8a0000;
    color: #fff;
    text-decoration: none;
}
@media print, screen and (max-width: 75em) { 
	.su-media__heading {padding-top: 2rem}
	.flex-four {
		display: block;
		height: calc(82vw);
		max-height: 48rem;
		max-width: 65rem;
		margin: auto ;
	}
	.flex-four .box {
		float: left;
		width: 48%;
	}
	.flex-four .box:first-of-type,
	.flex-four .box:nth-of-type(3) {
			margin-left: 1%;
	}
	.flex-four .box .box-text {
		height: 17%;
	}
	.flex-four .box:nth-child(3) .box-text, 
	.flex-four .box:nth-child(4) .box-text {height: 25%;}
	.flex-four .box .box-img,
	.flex-four .box .box-title,
	.flex-four .box .box-button { 
		height: auto;
		padding: .5rem 0;
	}
	.flex-four .box .box-button { padding: 0; }
	.flex-four .box .box-button .button { width: 100%; margin: 0 auto !important; max-width: unset; }

}

@media print, screen and (max-width: 52.875em) { 
	.component--large {
		padding-bottom: 0;
	}
	.high-level__related-links {
		width: 100%;
		max-width: 15rem; 
		margin: auto;
	}
	.high-level__related-links a.cta-link {
		padding: .5rem 0 0 0;
	}


}
@media print, screen and (max-width: 48em) { 
	.component--large {
		padding-bottom: 0;
	}
	.high-level__related-links {
		box-shadow: 0 10px 10px #ccc;
		margin: 1rem auto;
		width: 100%;
		max-width: unset;
	}
	.flex-four {
		display: block;
		padding: 0;
		margin: 0;
		max-height: unset;
		height: auto;
	}
	.flex-four .box {
		float: none;
		width: 100%;
		padding-bottom: 0;
		margin: 0 auto;
	}

	.flex-four .box .box-img,
	.flex-four .box .box-title,
	.flex-four .box .box-text,
	.flex-four .box .box-button
	{ 
		height: auto;
		padding: .5rem 0;
	}

}
