#mapi {
      position: absolute;
        margin: auto;
        
        top: 34%;
        width: 89%;
        left: 50%;
        right: 50%;
        float: none;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index:-1;
    } 
@media (max-width:475px) {
   #mapi {
      position: absolute;
        margin: auto;
        
        top: 12%;
        width: 2%;
        left: 50%;
        right: 50%;
        float: none;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 5%);
        z-index:-100;
    }  
}

#parque {
       position: absolute;
        margin: auto;
        
        
        width: 3%;
        top: 93.5%;
        left: 38%;
        right: 62.3%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -5%);
        z-index:;
}
    #parque:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 36.5%;top:86%;transition: 1s;}

/* responsive ------------------------------------------------------------------- */
@media (max-width:475px) {
    #parque {
       position: absolute;
        margin: auto;
        
        
        width: 20%;
        top: 30%;
        left: 8%;
        right: 62.3%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -5%);
        z-index:;
}
   #parque:hover {
       position: absolute;
        margin: auto;
        
        
        width: 20%;
        top: 30%;
        left: 8%;
        right: 62.3%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -5%);
    }
}

#echeveste {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 52.5%;
        left: 49%;
        right: 51%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #echeveste:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 47.5%;top:50%;transition: 1s;}
    
/* responsive  --------------------------------------------------------------------*/
@media (max-width:475px){
    #echeveste {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
}
    #echeveste:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
}
}
#rivera {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 51.5%;
        left: 44%;
        right: 56%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #rivera:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 42.5%;top:49%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #rivera {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 62%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
     #rivera:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 62%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#nuevoleon {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 46.5%;
        left: 50.5%;
        right: 49.5%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #nuevoleon:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 49%;top:44%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #nuevoleon {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 85%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #nuevoleon:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 20%;
        left: 85%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
}
#aurora {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 61.5%;
        left: 48%;
        right: 52%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #aurora:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 46%;top:59%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #aurora {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #aurora:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#fcovillados {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 84.5%;
        left: 61%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #fcovillados:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 59.5%;top:82%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #fcovillados {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #fcovillados:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#valle {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 69.5%;
        left: 53%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #valle:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 50%;top:66%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #valle {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 75%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #valle:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 35%;
        left: 75%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#valtierra {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 92.5%;
        left: 52.5%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #valtierra:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 49%;top:89%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #valtierra {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 87%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #valtierra:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 87%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#laluz  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 101.5%;
        left: 61.5%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #laluz:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 60%;top:99%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #laluz  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #laluz:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#madrazo  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 88.5%;
        left: 41%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #madrazo:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 37.5%;top:86%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #madrazo  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #madrazo:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}

#rosario  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 71%;
        left: 21%;
        right: 39%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #rosario:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 17.5%;top:68%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
  #rosario  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }  
    #rosario:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 50%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }  
}
#lastorres  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 74%;
        left: 18%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #lastorres:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 14.5%;top:71%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #lastorres  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 0%;
        right: 54%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #lastorres:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 0%;
        right: 54%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#lomas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 78%;
        left: 70%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #lomas:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 68.5%;top:75%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #lomas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #lomas:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#huertas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 116%;
        left: 20%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
    #huertas:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 18.5%;top:113%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #huertas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
    #huertas:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
}
#hilamas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 110%;
        left: 17%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #hilamas:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 14%;top:106.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #hilamas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 86%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #hilamas:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 71%;
        left: 86%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
}
#kennedy  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 102%;
        left: 27.5%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
    #kennedy:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 26%;top:99%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
   #kennedy  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    } 
    #kennedy:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    } 
}
#timoteouno  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 120%;
        left: 39.5%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #timoteouno:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 38%;top:117.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #timoteouno  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 50%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #timoteouno:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 50%;
        right: 80%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
}
#central  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 133.5%;
        left: 40%;
        right: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #central:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 38.5%;top:131%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #central  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 75%;
        right: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #central:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 85%;
        left: 75%;
        right: 60%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
}
#deportiva  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 110.5%;
        left: 12%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
    #deportiva:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 9.5%;top:107%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #deportiva  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
    #deportiva:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:2;
    }
}
#leondos  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 98.5%;
        left: 16.5%;
        right: 83.5%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #leondos:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 14.5%;top:96%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #leondos  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #leondos:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
}

#bosco {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 90.5%;
        left: 28%;
        right: 72%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #bosco:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 26.5%;top:87.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #bosco  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #bosco:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
}
#guatemala  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 91.4%;
        left: 35%;
        right: 72%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #guatemala:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 33.5%;top:88.4%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #guatemala  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 88%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
    #guatemala:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 100%;
        left: 88%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:1;
    }
}
#nuevoamanecer  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 102%;
        left: 79%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #nuevoamanecer:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 77%;top:98.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #nuevoamanecer  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #nuevoamanecer:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#presitas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 59%;
        left: 62%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #presitas:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 60.5%;top:56%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #presitas  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 37%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #presitas:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 37%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#austri  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 83%;
        left: 15%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #austri:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 11.5%;top:79%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #austri  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 62%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #austri:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 62%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#fcovilla  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 121.5%;
        left: 49%;
        right: 51%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #fcovilla:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 47.5%;top:118.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #fcovilla  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 86%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #fcovilla:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 121%;
        left: 86%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#diesdemayo  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 136.5%;
        left: 66%;
        right: 51%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #diesdemayo:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 64%;top:133.5%;transition: 1s;}
    #ermita {overflow:hidden;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #diesdemayo  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #diesdemayo:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 20%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#carroverde  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 104.5%;
        left: 32.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #carroverde:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 29%;top:101.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #carroverde  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #carroverde:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#arbol  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 114%;
        left: 39.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #arbol:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 36%;top:111.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #arbol  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 75%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #arbol:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 135%;
        left: 75%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#aguaazul  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 113.5%;
        left: 74.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #aguaazul:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 72.7%;top:108.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #aguaazul  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #aguaazul:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: -5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#santajulia  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 128%;
        left: 58.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #santajulia:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 57%;top:124.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px){
    #santajulia  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #santajulia:hover  {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 38%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#delta {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 128.5%;
        left: 66.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #delta:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 65%;top:125%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #delta {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #delta:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 63%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
}
#villassj {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 109%;
        left: 89%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #villassj:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 87%;top:105.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #villassj {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 88%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #villassj:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 150%;
        left: 88%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#atotonilco {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 131.5%;
        left: 72%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #atotonilco:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 70%;top:128.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #atotonilco {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #atotonilco:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#sanfco {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 117%;
        left: 79%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #sanfco:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 77%;top:114.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #sanfco {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 49%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #sanfco:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 49%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#villassn {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 101.5%;
        left: 86.5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #villassn:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 85%;top:98.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #villassn {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 80%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
    #villassn:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 180%;
        left: 80%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:-1;
    }
}
#timoteodos {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 142.5%;
        left: 67.3%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #timoteodos:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 65.5%;top:139.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #timoteodos {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left: 80%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #timoteodos:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left: 80%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#pollito {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 149%;
        left: 89.3%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #pollito:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 88%;top:146.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #pollito {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #pollito:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left: 50%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}
#timoteotres {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 3%;
        top: 131%;
        left: 53.7%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #timoteotres:hover {-webkit-transform:scale(1.3);transform:scale(2.7);left: 52%;top:128.5%;transition: 1s;}
/* responsive ------------------------------------------------------------------ */
@media (max-width:475px) {
    #timoteotres {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left:5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
    #timoteotres:hover {
       position: absolute;
        margin: auto;
        align-content:center;
        justify-content:center;
        box-sizing: content-box;
        padding: 0px 0px;
        width: 20%;
        top: 200%;
        left:5%;
        right: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, 50%);
        z-index:;
    }
}