@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------ ORIENTATION ---------------------------------------------------------------------------------*/
/* PORTRAIT */
@media (min-resolution: 1dppx) {}
/* High-density screens (min-resolution: 192dpi) */
@media (min-resolution: 2dppx) {}
/* Extremely high-density screens */
@media (min-resolution: 3dppx) {}
	
@media screen and (orientation: portrait) {

	html { font-size: 8px;}/* Mobile */
	h1 { font-size: 1.6rem; margin:0; }
	h2 { font-size: 1.2rem; margin:0; }
	h3 { font-size: 1.1rem; margin:0; }
	f1 { font-size: 0.9rem; margin:0; }
	f2 { font-size: 0.8rem; margin:0; }
	B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
	B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
	.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	
	@media (min-width: 320px) and (max-width: 600px) {	/* mobile */
		html { font-size: 10px;}/* Mobile */
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.15rem; margin:0; }
		h3 { font-size: 1.1rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	}
		
	@media (min-width: 601px) and (max-width: 1200px) {	/* tablet */
		html { font-size: 12px;}
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.2rem; margin:0; }
		h3 { font-size: 1.1rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	}
	
	@media (min-width: 1201px) {/* Desktop */
		html { font-size: 14px;}
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.2rem; margin:0; }
		h3 { font-size: 1.1 rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	}
	
}

@media screen and (orientation: landscape) {

	
	html { font-size: 9px;}/* Mobile */
	h1 { font-size: 1.6rem; margin:0; }
	h2 { font-size: 1.2rem; margin:0; }
	h3 { font-size: 1.1rem; margin:0; }
	f1 { font-size: 0.9rem; margin:0; }
	f2 { font-size: 0.8rem; margin:0; }
	B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
	B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
	.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	
	@media (min-height: 320px) and (max-height: 600px) {	/* mobile */
		html { font-size: 10px;}/* Mobile */
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.2rem; margin:0; }
		h3 { font-size: 1.1rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	}
	
	@media (min-height: 601px) and (max-height: 1200px) {	/* tablet */
		html { font-size: 12px;}
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.2rem; margin:0; }
		h3 { font-size: 1.1rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
	}
	
	@media (min-width: 1201px) {/* Desktop */
		html { font-size: 12px;}
		h1 { font-size: 1.6rem; margin:0; }
		h2 { font-size: 1.1rem; margin:0; }
		h3 { font-size: 1.1rem; margin:0; }
		f1 { font-size: 0.9rem; margin:0; }
		f2 { font-size: 0.8rem; margin:0; }
		B1 { font-size: 1.25rem; margin:0; font-weight: bold; }
		B2 { font-size: 1.1rem; margin:0; font-weight: bold; }
		.H2_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */
		.H3_override { font-size: 1.3rem; margin:0; }/* Same sa H1 for larger <h2> */

	}
	
}




/* OLDER */

.font_related {color:#575757; font-size:14px; }

.largefont {color: #F00;  font-size:24px;  border:0px; padding:0px;}

.welcome {color: #CCC;  font-size:18px;  border:0px; padding:0px;}

.euro_welcome {color: #CCC;  font-size:22px; color:#000; text-align:center;}

.euro_slogan {color: #CCC;  font-size:26px; color:#F90; text-align:center;}


.imagefont {display:block; color:#666; font-size:10px; border:0px; padding:0px; overflow:hidden; height:12px;}

.clientfont {color:#666; font-size:18px; border:0px; padding:0px; overflow:hidden;}

.emailfont {color:#FFF; font-size:18px; border:0px; padding:0px;}


.mobilefont1 {color: #666; font-size:1.5em; vertical-align:middle;}


.colourfont1 {color: #818181;}