/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */

html{width:100%; height:100%;  }
     body{background:url('base.jpg'); }

@media all and (max-width: 2000px) and (min-width: 1370px){
#marco{width:1024px; height:768px; background:url('marco.png') no-repeat; margin:auto; }
#marco_num{width:450px; height:288px; background:url('marco_num.png') no-repeat; background-size:contain;padding:12px 50px; position:relative; top:240px; }
.num{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:6em; color:#003358; text-align:center; }
.var{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.8em;  color:#003358; text-align:center; margin-top:-75px; } 	

}

@media all and (max-width: 1369px) and (min-width:1001px){
#marco{width:827px; height:620px; background:url('marco.png')no-repeat ; background-size:contain; margin:auto;}
#marco_num{width:450px; height:288px; background:url('marco_num.png') no-repeat; background-size:contain;padding:12px 50px; position:relative; top:200px; }
.num{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:6em; color:#003358; text-align:center; }
.var{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.8em;  color:#003358; text-align:center; margin-top:-75px; } 	

}

@media all and (max-width:1000px) and (min-width: 200px){
	 #marco{width:100%; min-height: 100vh; background:url('marco_num_cel.png')center center  no-repeat; background-size:contain; margin:0 auto; }
	 #marco_num{width:99%; height:288px; background:url('marco_num.png')center center no-repeat; background-size:contain; position:absolute; top:38%; margin:0 auto; padding-top:40px}
.num{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:5.2em; color:#003358; text-align:center; }
.var{font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:1.4em;  color:#003358; text-align:center; margin-top:-75px; } 	

	}