/* Screen Definitions (rem)
========================================================================== */

.media-mobile {
	background-color: #FFCC00;
	left: 0;
	position: fixed;
	top: 70px;
	padding: 3px;
	display: inherit !important; 
	text-align: left;
	z-index: 999;
}	

	.media-min-40rem {display: none !important;}
	.media-min-64rem {display: none !important;}


@media (max-width: 320px) {
	
	.media-max-320px {
		background-color: red;
		left: 0;
		position: fixed;
		top: 30px;
		padding: 3px;
		display: inherit !important; 
		text-align: left;
		z-index: 999;
	}	
	
	.media-mobile {display: none !important;}
	.media-min-40rem {display: none !important;}
	.media-min-64rem {display: none !important;}
	
}

	@media (min-width: 321px) {.media-max-320px {display: none !important;} }

@media (min-width: 40rem) {
	
	.media-min-40rem {
		background-color: #FFCC00;
		left: 0;
		position: fixed;
		top: 90px;
		padding: 3px;
		display: inherit !important; 
		text-align: left;
		z-index: 999;
	}	
	
	.media-mobile {display: none !important;}
	.media-min-64rem {display: none !important;}
	
}
	
@media (min-width: 64rem) {	

	.media-min-64rem {
		background-color: #FFCC00;
		left: 0;
		position: fixed;
		top: 110px;
		padding: 3px;
		display: inherit !important; 
		text-align: left;
		z-index: 999;
	}	
	
	.media-mobile {display: none !important;}
	.media-min-40rem {display: none !important;}
}


/* #Media Queries (px)
================================================== */

.media-default {
	background-color: #FFCC00;
	left: 0;
	position: fixed;
	top: 230px;
	padding: 3px;
	display: inherit !important; 
	text-align: left;
	z-index: 999;
}	

.media-max-959 {display: none !important;}
.media-min-768-max-959 {display: none !important;}
.media-max-767 {display: none !important;}
.media-min-480-max-767 {display: none !important;}
.media-max-479 {display: none !important;}

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
		
		.media-max-959 {
			background-color: #FFCC00;
			left: 0;
			position: fixed;
			padding: 3px;
			top: 130px;
			display: inherit !important; 
			text-align: left;
			z-index: 999;
		}	
		
		.media-default {display: none !important;}
		
	}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		
		.media-min-768-max-959 {
			background-color: #FFCC00;
			left: 0;
			position: fixed;
			padding: 3px;
			top: 150px;
			display: inherit !important; 
			text-align: left;
			z-index: 999;
		}	
		
		.media-default {display: none !important;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	
		.media-max-767 {
			background-color: #FFCC00;
			left: 0;
			position: fixed;
			padding: 3px;
			top: 170px;
			display: inherit !important; 
			text-align: left;
			z-index: 999;
		}	
		
		.media-default {display: none !important;}
	
	}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		
		.media-min-480-max-767 {
			background-color: #FFCC00;
			left: 0;
			position: fixed;
			top: 190px;
			padding: 3px;
			display: inherit !important; 
			text-align: left;
			z-index: 999;
		}	
		
		.media-default {display: none !important;}		
		
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.media-max-479 {
			background-color: #FFCC00;
			left: 0;
			position: fixed;
			top: 210px;
			padding: 3px;
			display: inherit !important; 
			text-align: left;
			z-index: 999;
		}	
		
		.media-default {display: none !important;}

	}


/* #Media Queries (px)
================================================== */

	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	.media-min-1400px {display: none !important;}

@media (min-width: 400px) {
	
	.media-min-400px {
		background-color: rgba(193,46,48,1.00);
		color: rgba(255,255,255,1.00);
		left: 100px;
		position: fixed;
		top: 90px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	

	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	.media-min-1400px {display: none !important;}
	
}
	
@media (min-width: 550px) {	

	.media-min-550px {
		background-color: rgba(193,46,48,1.00);
		color: rgba(255,255,255,1.00);
		left: 100px;
		position: fixed;
		top: 110px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	.media-min-1400px {display: none !important;}
	
}


@media (min-width: 750px) {	

	.media-min-750px {
		background-color: rgba(193,46,48,1.00);
		color: rgba(255,255,255,1.00);
		left: 100px;
		position: fixed;
		top: 110px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	.media-min-1400px {display: none !important;}
	
}

@media (min-width: 1000px) {	

	.media-min-1000px {
		background-color: rgba(193,46,48,1.00);
		color: rgba(255,255,255,1.00);
		left: 100px;
		position: fixed;
		top: 110px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1280px {display: none !important;}
	.media-min-1400px {display: none !important;}
	
}

@media (min-width: 1280px) {	

	.media-min-1280px {
		background-color: rgba(193,46,48,1.00);
		color: rgba(255,255,255,1.00);
		left: 100px;
		position: fixed;
		top: 110px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1400px {display: none !important;}
	
}

@media (max-width: 1399px) {
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}

}

@media (min-width: 1400px) {	

	.media-min-1400px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
}


@media (min-width: 1500px) {	

	.media-min-1500px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 1600px) {	

	.media-min-1600px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 1700px) {	

	.media-min-1700px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 1800px) {	

	.media-min-1800px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 1900px) {	

	.media-min-1900px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 2000px) {	

	.media-min-2000px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-1800px {display: none !important;}
	.media-min-2100px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}


@media (min-width: 2100px) {	

	.media-min-2100px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-1800px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}


@media (min-width: 2200px) {	

	.media-min-2200px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-1800px {display: none !important;}
	
	.media-min-2100px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}


@media (min-width: 2300px) {	

	.media-min-2300px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-1800px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2100px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}


@media (min-width: 2400px) {	

	.media-min-2400px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-1800px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2100px {display: none !important;}
	.media-min-2300px {display: none !important;}
	.media-min-2500px {display: none !important;}
	
}

@media (min-width: 2500px) {	

	.media-min-2500px {
		background-color: rgba(69,243,148,1.00);
		color: rgba(0,0,0,1.00);
		left: 0;
		position: fixed;
		top: 260px;
		display: inherit !important; 
		padding: 3px;
		text-align: left;
		z-index: 999;
	}	
	
	.media-min-400px {display: none !important;}
	.media-min-550px {display: none !important;}
	.media-min-750px {display: none !important;}
	.media-min-1000px {display: none !important;}
	.media-min-1280px {display: none !important;}
	
	.media-min-1400px {display: none !important;}
	.media-min-1500px {display: none !important;}
	.media-min-1600px {display: none !important;}
	.media-min-1700px {display: none !important;}
	.media-min-1900px {display: none !important;}
	.media-min-2000px {display: none !important;}
	.media-min-1800px {display: none !important;}
	
	.media-min-2200px {display: none !important;}
	.media-min-2100px {display: none !important;}
	.media-min-2400px {display: none !important;}
	.media-min-2300px {display: none !important;}
	
}