/** REVEAL **/	
.big-link{ position: absolute; font-size:12px; left:30px; top:350px; color:#fff; text-decoration:none; font-variant:small-caps; width:100px; display:block;}
.big-link:hover{}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; background:white; background: rgba(0,0,0,0.1); z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; top: 40px;  left: 40px; width: 900px; height:380px; background:white; position: absolute; overflow-x:hidden; overflow-y:scroll; z-index: 101; padding: 20px 25px 24px 25px; border:1px solid #fff;}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal{ font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; font-weight: bold; cursor: pointer;} 
#myModal h1{ font-size:16px; font-style:normal; font-weight:normal; margin-bottom:20px; color:#00a2bb;}
#myModal h2{ font-size:14px; margin-top:-10px; font-style:normal; font-weight:normal; color:#00a2bb;}
#myModal h3{ font-size:13px; margin-top:-10px; font-style:normal; font-weight:normal; color:#00a2bb;}
#myModal p{ font-size:13px; font-style:normal; font-weight:normal; margin-bottom:20px;}
#myModal li{ font-size:13px; font-style:normal; font-weight:normal;}
#myModal a, #myModal p a{ font-size:13px; font-style:normal; font-weight:normal; color: #00a2bb;}	
#myModal ul li a, #myModal li a{ font-size:13px; font-style:normal; font-weight:normal; color: #000;}
	
	
	@media screen and (max-width: 40em) {
		/** REVEAL MOVILES **/	

.big-link{ display:block; position:absolute; font-size:11px; left:5px; top:250px; color:#FFF; text-decoration:none; font-variant:small-caps; width:85%;}
.big-link:hover{}
.reveal-modal-bg { position: fixed; height: 95%; width: 95%; background:#FFF; background: rgba(0,0,0,0.1); z-index: 100; display: none; top: 0; left: 0; }
.reveal-modal { visibility: hidden; top: 80px; left: 5px; width: 250px; height:400px; background:white; position: absolute; overflow-x:hidden; overflow-y:scroll; padding: 20px 25px 24px 25px; border:1px solid #fff;}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal{ font-size: 22px; line-height: .5; position: absolute; top: 8px; right: 11px; color: #aaa; font-weight: bold; cursor: pointer;} 
#myModal h1{ font-size:16px; font-style:normal; font-weight:normal; margin-bottom:20px; color:#00a2bb;}
#myModal h2{ font-size:14px; margin-top:-10px; font-style:normal; font-weight:normal; color:#00a2bb;}
#myModal h3{ font-size:13px; margin-top:-10px; font-style:normal; font-weight:normal; color:#00a2bb;}
#myModal p{ font-size:13px; font-style:normal; font-weight:normal; margin-bottom:20px; color:#000;}
#myModal li{ font-size:13px; font-style:normal; font-weight:normal; color:#000;}
#myModal p a{ font-size:13px; font-style:normal; font-weight:normal; color: #000;}	
		
		
	}
	
	@media screen and (min-width:1026px) {
	.big-link{ position:absolute; font-size:12px; left:30px; top:350px; color:#FFF; text-decoration:none; font-variant:small-caps; width:200px;}
.reveal-modal { visibility: hidden; color:#000; top: 40px;  left: 10%; width: 80%; height:380px;  position: absolute; overflow-x:hidden; overflow-y:scroll; z-index: 101; padding: 20px 25px 24px 25px; }
}

@media screen and (min-width:1279px) {
	.big-link{ position:absolute; font-size:12px; left:30px; top:390px; color:#FFF; text-decoration:none; font-variant:small-caps; width:200px;}
.reveal-modal { visibility: hidden; color:#000; top: 40px;  left: 10%; width: 80%; height:380px;  position: absolute; overflow-x:hidden; overflow-y:scroll; z-index: 101; padding: 20px 25px 24px 25px; }
}

@media screen and (min-width:1365px) {
	.big-link{ position:absolute; font-size:11px; left:30px; top:430px; color:#FFF; text-decoration:none; font-variant:small-caps; width:200px;}
.reveal-modal { visibility: hidden; color:#8b857e;  left: 10%; width: 80%; height:380px;  position: absolute; overflow-x:hidden; overflow-y:scroll; z-index: 101; padding: 20px 25px 24px 25px; }
}