@media only screen and (min-width: 0em){
	.queue-room--loading div[role="main"] .queue-room__row,
	.queue-room--queued div[role="main"] .queue-room__row,
	.queue-room--maxed-out div[role="main"] .queue-room__row {
		background-image: url(../img/minions-theater.jpg);
	}
	h1 { height: 40px; }
	h2.heading { text-transform: uppercase; max-width: 40%; }
	h2.subheading { font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 27px; margin:0; line-height:1.2; max-width:40%; }
	h2.reminder { font-family: "proxima-nova", Helvetica, Arial, sans-serif; font-size: 22px; margin: 44px 0 0 0; line-height:1.2; max-width:40%;  }
}

@media (min-width: 768px) and (max-width: 1024px) {
	.queue-room--loading div[role="main"] .queue-room__row,
	.queue-room--queued div[role="main"] .queue-room__row,
	.queue-room--maxed-out div[role="main"] .queue-room__row {
		background-image: url(../img/minions-theater.jpg);
		background-size: inherit;
		background-position: 385px 0;
	}
	h1 { height: 40px; }
	h2.heading { max-width: 40%; margin: 18px 0 10px 0; }
	h2.subheading { font-size:24px; max-width: 40%; }
	h2.reminder { margin: 20px 0 0 0; max-width: 40%; }
}

@media (max-width: 767px) {
	.queue-room--loading div[role="main"] .queue-room__row,
	.queue-room--queued div[role="main"] .queue-room__row,
	.queue-room--maxed-out div[role="main"] .queue-room__row {
		background-image: none;
	}

	.queue-room--loading h2.heading { font-size: 50px; font-family: Arial, Helvetica, sans-serif; }
	h1 { height: 40px; }
	h2.heading { max-width: 100%; }
	h2.subheading { margin: 35px 0 0 0; max-width: 100%; }
	h2.reminder { font-family: "proxima-nova", Helvetica, Arial, sans-serif; margin: 40px 0 0 0; max-width:90%; font-weight: 100; }
}