.fw-subtle-banner {
	width: 100%; 
	height: 9em; 
	margin: 0em; 
	display: flex; 
	flex-direction: row;
}

.fw-subtle-banner.fw-subtle-pale-gray {
	background-color: #f7f7f7;
}

.fw-subtle-banner.fw-subtle-tech-purple {
	background-color: #582c83;
}

.fw-subtle-banner.fw-subtle-tech-gray {
	background-color: #444444;
}

.fw-subtle-left {
	width: 48%; 
	margin-left: 15em; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	margin-right: 2em;
}

.fw-subtle-heading {
	text-transform: uppercase; 
	font-size: 1.45em; 
	text-align: left;
}

.fw-subtle-pale-gray .fw-subtle-heading {
	color: #582c83;
}

.fw-subtle-tech-purple .fw-subtle-heading {
	color: #f7f7f7;
}

.fw-subtle-tech-gray .fw-subtle-heading {
	color: #ffd100;
}

.fw-subtle-text { 
	text-align: left; 
	font-size: 1em;
}

.fw-subtle-text a {
	color: #582c83;
}

.fw-subtle-pale-gray .fw-subtle-text {
	color: #444444;
}

.fw-subtle-tech-purple .fw-subtle-text, .fw-subtle-tech-gray .fw-subtle-text {
	color: #f7f7f7;
}

.fw-subtle-right {
	width: 48%; 
	margin-right: 5em; 
	display: flex; 
	flex-direction: column; 
	justify-content: center; 
	margin-left: 2em;
}

.fw-subtle-btn {
	padding: 0.9em 1.4em; 
	display: flex; 
	justify-content: center; 
	margin: auto; 
	background-color: #ffd100; 
	width: fit-content; 
	text-align: center; 
	font-weight: 800; 
	text-transform: uppercase; 
	color: #444444;
}

.fw-subtle-banner.fw-subtle-pale-gray .fw-subtle-btn.purple-option {
	color: #582c83;
	background-color: transparent;
	border: #582c83 3px solid;
}

.fw-subtle-banner.fw-subtle-pale-gray .fw-subtle-btn.purple-option:hover {
	color: white;
	background-color: #582c83;
	transition: background-color 0.25s ease-out, color 0.25s ease-out;
}

.fw-subtle-btn:hover {
	text-decoration: underline;
}

@media (max-width: 450px) {
	.fw-subtle-banner {
		height: 14em;
		flex-direction: column;
		justify-content: center;
	}

	.fw-subtle-left {
		width: 100%;
		margin: 0;
	}

	.fw-subtle-heading {
		word-break: break-word;
		font-size: 1.3em;
		text-align: center;
	}

	.fw-subtle-text {
		padding: 0.2em 1em;
	}

	.fw-subtle-right {
		width: 100%;
		margin: 0;
	}
	
	.fw-subtle-btn {
		width: fit-content;
	}
}

@media (min-width: 451px) and (max-width: 840px) {
	.fw-subtle-left {
		width: 70%;
		margin-left: 2em;
		margin-right: 1em;
		line-height: 1.3;
	}

	.fw-subtle-right {
		width: 30%;
		margin-right: 1em;
		margin-left: 1em;
	}

	.fw-subtle-btn {
		width: fit-content;
		font-size: 0.9em;
	}
}