/* ============= ---- Sub - Ordered Content ---- ================ */
.sub-ordered-content {
	display: grid;
	grid-template-columns: 1fr 40% 1fr;
	gap: 15rem;
}

.sub-ordered-content .sub-media {
	order: 2;
	width: 100%;
	overflow: hidden;
	position: relative;
	display: block;
	align-self: center;
}

.sub-ordered-content .sub-text:first-child {
	order: 1;
}

.sub-ordered-content .sub-text {
	order: 3;
	align-self: center;
}

@media (max-width: 1800px) {
	.sub-ordered-content {
		gap: 10rem;
	}
}

@media (max-width: 1500px) {
	.sub-ordered-content {
		gap: 6rem;
	}
}

@media (max-width: 1300px) {
	.sub-ordered-content {
		gap: 4rem;
	}
}

@media (max-width: 1050px) {
	.sub-ordered-content {
		display: block;
		grid-template-columns: unset;
		gap: unset;
	}
	
	.sub-ordered-content .sub-text {
		align-self: unset;
		margin-block-start: 1em;
		text-align: center;
	}
	
	
	.sub-ordered-content .sub-media {
		align-self: unset;
		margin-top: 6rem;
		width: 100%;
		max-width: 750px;
		margin-left: auto;
		margin-right: auto;
	}
}