@media (max-width: 870px) {
#instructionsPage video {
  padding: 0px 10px;
  width: calc(100% - 20px) !important;
}
}

@media (max-width: 700px) {
	h1 {
  font-size: 50px;
}
	
	button {
  font-size: 20px;
  padding: 5px 10px;
}
	
	#scoreArea, #timeArea {
		left: 10px;
  font-size: 15px;
}
	
	#rapidFiringCapacityArea {
  right: 10px;
  font-size: 15px;
}
	
	#rapidFiringCapacity {
  height: 10px;
	}
	
	#highscoresPage h1, #instructionsPage h1, #campaignLevelsPage h1, #informationPage h1 {
  margin-top: 20px;
}
	
	#highscoresPage h2, #instructionsPage h2, #campaignLevelsPage h2, #informationPage h2 {
  font-size: 30px;
  padding: 0px 5px;
  text-align: center;
}
	
	.campaignModeLevel h2 {
  font-size: 26px;
  text-align: center;
}
	
	.campaignModeLevel p {
  font-size: 20px;
  text-align: center;
}
	
	.campaignModeLevel p.note {
  font-size: 15px;
}
	
	#copyright {
  font-size: 10px;
}
	
	#quitButton {
  top: 45px;
  left: 0px;
  font-size: 12px;
  padding: 1px 6px;
}
	
	.quitPlaceHigher {
	top: 25px !important;
}
	
		.quitPlaceLower {
	top: 90px !important;
}
}


@media (max-width: 475px) {
td, th {
  font-size: 20px;
}
}

@media (max-width: 390px) {
td, th {
  font-size: 15px;
}
}