@media screen and (max-width:1300px){
	.main {
		width: 1100px;
	}
	.banner {
		height: 360px;
	}
}

@media screen and (max-width:1200px){
	.main {
		width: 1000px;
	}
	.banner {
		height: 330px;
	}
}

@media screen and (max-width:1100px){
	.main {
		width: 900px;
	}
	nav .container > div > ul > li > a {
		padding: 20px 10px;
	}
	.banner {
		height: 300px;
	}
}

@media screen and (max-width:940px){
	.main {
		box-sizing: border-box;
		width: 100%;
		padding: 0 14px;
	}

	.leftPane,
	.rightPane {
		float: none;
		width: 100%;
	}

	.riftfall-quick-links,
	.library-facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.progression-track {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media screen and (max-width:680px){
	.banner {
		height: 220px;
		background-position: center 58%;
	}

	.riftfall-intro {
		padding: 20px 16px;
	}

	.riftfall-intro h1,
	.library-heading h1 {
		font-size: 1.85rem;
	}

	.riftfall-stat-strip {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.riftfall-stat-strip div:nth-child(3),
	.riftfall-stat-strip div:nth-child(4) {
		border-top: 1px solid #332e3a;
	}

	.riftfall-stat-strip div:nth-child(3) {
		border-left: 0;
	}

	.riftfall-quick-links,
	.riftfall-feature-row,
	.library-facts,
	.progression-track,
	.library-system-list {
		grid-template-columns: 1fr;
	}

	.riftfall-quick-links {
		border: 0;
	}

	.riftfall-feature-row {
		gap: 18px;
	}

	.command-grid {
		grid-template-columns: minmax(92px, 118px) minmax(0, 1fr);
		font-size: 0.9rem;
	}

	.library-actions {
		display: grid;
		grid-template-columns: 1fr;
	}

	.library-actions a {
		min-width: 0;
	}

	.map-toolbar {
		align-items: flex-start;
	}

	.map-stage {
		height: 62vh;
		min-height: 360px;
	}
}