#img{ width: 70% }
		#titulo{ background-color: #000;color: #fff;font-size: 50pt }
		#piepagina{ color: #31B8CC ;font-family: "Arial Rounded MT Bold", sans-serif;}
		#piepagina2{ font-size: 7.5pt;color: #727272 }
		#piepagina3{ font-size: 7.5pt; color: #727272}
		#gotas{ width: 25px }
		#gota{ width: 15px }


@media only screen and (min-width: 1268px) and (max-width: 1520px) 
    {
    	#titulo{font-size: 40pt }
     	#piepagina2{ font-size: 6.5pt; }
		#piepagina3{ font-size: 6pt; }
		#gotas{ width: 20px }
		#gota{ width: 10px }
    }

 @media only screen and (min-width: 1024px) and (max-width: 1268px) 
    {
    	#titulo{font-size: 40pt }
     	#piepagina2{ font-size: 6pt; }
		#piepagina3{ font-size: 6pt; }
		#gotas{ width: 14px }
		#gota{ width: 8px }
    }
 @media only screen and (min-width: 768px) and (max-width: 1024px) 
    {
   #img{ width:100% }
   #titulo{font-size: 75pt }
   #piepagina{ font-size: 25pt; }
   #piepagina2{ font-size: 16pt; }
   #piepagina3{ font-size: 11pt; }
    }
 @media only screen and (min-width: 300px) and (max-width: 767px) 
    {
   		#titulo{font-size: 30pt }
   		#img{ width:100% }
   		#piepagina3{ font-size: 2pt; }
    }

    #bt {
 border: none;
 background: #ba1054;
 color: #f2f2f2;
 padding: 10px;
 font-size: 30pt;

 position: relative;
 box-sizing: border-box;
 transition: all 500ms ease;
 transform-style: preserve-3d;
 width: 100%;
 height: 100%;
}
#bt:hover {
 transform-origin: center bottom;
 transform: rotateX(-90deg) translateY(100%);
}

#bt:after {
 top: -100%;
 left: 0px;
 width: 100%;
 height: 100%;
 position: absolute;
 background: #107db7;

  padding: 10px;
 font-size: 30pt;
 content: 'Indice';
 transform-origin: left bottom;
 transform: rotateX(90deg);
}
#contieneboton{position: fixed;top: 48%;left: 45%;width: 10%;height: 10%;}

 @media only screen and (min-width: 1024px) and (max-width: 1268px) 
    {
      #bt { font-size: 20pt;}
      #contieneboton{top: 45%;left: 40%;width: 20%;height: 10%;}
    }
 @media only screen and (min-width: 768px) and (max-width: 1024px) 
    {
    #bt { font-size: 30pt;}
    #contieneboton{top: 30%;left: 40%;width: 20%;height: 10%;}
    }
 @media only screen and (min-width: 300px) and (max-width: 767px) 
    {
    #bt { font-size: 50pt;}
    #contieneboton{top: 4%;left: 40%;width: 20%;height: 10%;}
    }