@media (max-width: 1600px) {
	body {
		font-size: 12px;
	}
	#header a {
		right: 0.7em;
		top: 0.7em;
	}
		#infographics .infoDetails .title {
			font-size: 1.6em;
			margin-bottom: 0.7em;
		}
		#infographics .infoDetails .dates {
			font-size: 1em;
		}
		#infographics .infoDetails .total {
			font-size: 1.1em;
		}
		#infographics .infoDetails .num {
			font-size: 2.7em;
		}
			#infographics .infoYears nav a {
				border-bottom: 0.3em solid #303235;
				font-size: 1.3em;
				height: 2em;
				padding: 0.4em 0 0 0;
			}
				#infographics .infoYears nav a.active {
					border-bottom: 0.4em solid #b2083d;
				}
			.infoList .item .battleTitle {
				font-size: 1em;
				width: 13.3em;
			}
				.infoList .item .battleTitle .title {
					font-size: 0.9em;
					width: 13.3em;
				}
				.infoList .item .battleTitle .dates {
					font-size: 0.8em;
					width: 13.3em;
				}
	.infoList .item.battle-3 .battleCircle {
		height: 4em;
		width: 4em;
	}
	.infoList .item.battle-4 .battleCircle {
		height: 3em;
		width: 3em;
	}
}
@media (max-width: 1368px) {
	body {
		font-size: 10px;
	}
}
@media (max-width: 1280px) {
	#footer {
		height: 6.5em;
	}
}
@media (view-mode: fullscreen) {
	#about {
		padding: 0;
	}
}