.section-compare .grid-container {
	grid-template-areas:
		"mac-mini-hw 					.	mac-studio-hw 					.	mac-pro-hw"
		"mac-mini-swatch 				.	mac-studio-swatch 				.	mac-pro-swatch"
		"mac-mini-headline 				.	mac-studio-headline  			.	mac-pro-headline"
		"mac-mini-pricing 				.	mac-studio-pricing 				.	mac-pro-pricing"
		"mac-mini-processor 			.	mac-studio-processor 			.	mac-pro-processor"
		"mac-mini-cpu 					.	mac-studio-cpu 					.	mac-pro-cpu"
		"mac-mini-gpu 					.	mac-studio-gpu 					.	mac-pro-gpu"
		"mac-mini-memory 				.	mac-studio-memory 				.	mac-pro-memory"
		"mac-mini-storage 				.	mac-studio-storage 				.	mac-pro-storage"
		"mac-mini-apple-intelligence	.	mac-studio-apple-intelligence	.	mac-pro-apple-intelligence"
		"mac-mini-btn 					.	mac-studio-btn 					.	mac-pro-btn"
		"mac-mini-cta					.	mac-studio-cta 					.	mac-pro-cta";
}

@media only screen and (max-width: 734px) {
	.section-compare .grid-container {
		margin-bottom: 84px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-template-areas:
			"mac-mini-hw mac-studio-hw"
			"mac-mini-swatch mac-studio-swatch"
			"mac-mini-headline mac-studio-headline"
			"mac-mini-pricing mac-studio-pricing"
			"mac-mini-processor mac-studio-processor"
			"mac-mini-cpu mac-studio-cpu"
			"mac-mini-gpu mac-studio-gpu"
			"mac-mini-memory mac-studio-memory"
			"mac-mini-storage mac-studio-storage"
			"mac-mini-apple-intelligence mac-studio-apple-intelligence"
			"mac-mini-btn mac-studio-btn"
			"mac-mini-cta mac-studio-cta"
			". ."
			"mac-pro-hw ."
			"mac-pro-swatch ."
			"mac-pro-headline ."
			"mac-pro-pricing ."
			"mac-pro-processor ."
			"mac-pro-cpu ."
			"mac-pro-gpu ."
			"mac-pro-memory ."
			"mac-pro-storage ."
			"mac-pro-apple-intelligence ."
			"mac-pro-btn ."
			"mac-pro-cta .";
		max-width: 320px;
	}
}

.section-routers .router-item-environment .accent-green:before {
	bottom: -1px;
}

.section-routers .accent-green:before {
	width: 250px;
	height: 48px;
	background-size: 250px 48px;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 1260px) {
	.section-routers .accent-green:before {
		width: 220px;
		height: 40px;
		background-size: 220px 40px;
		background-repeat: no-repeat;
	}
}
@media only screen and (max-width: 1068px) {
	.section-routers .accent-green:before {
		width: 180px;
		height: 32px;
		background-size: 180px 32px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 920px) {
	.section-routers .accent-green:before {
		width: 155px;
		height: 32px;
		background-size: 155px 32px;
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 734px) {
	.section-routers .accent-green:before {
		width: 168px;
		height: 34px;
		background-size: 168px 34px;
		background-repeat: no-repeat;
	}
}

.modal-contents .features-container .stat:last-child {
	margin-top: 36px;
}
.modal-contents .features-container .stat:nth-child(2) {
	margin-top: 66px;
}

@media only screen and (max-width: 734px) {
	.modal-contents .features-container .stat:last-child {
		margin-top: 0px;
	}
	.modal-contents .features-container .stat:nth-child(2) {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 1069px) and (max-width: 1260px) {
	.section-routers .router-item-headline {
		font-size: 42px;
	}
}

@media only screen and (min-width: 921px) and (max-width: 1068px) {
	.section-routers .router-item-headline {
		font-size: 32px;
	}
}
@media only screen and (min-width: 735px) and (max-width: 920px) {
	.section-routers .router-item-headline {
		font-size: 28px;
	}
}