 <div class="uk-container ">
  <div uk-grid>
    <div class="uk-width-1-3@l uk-width-1-3@m uk-width-1-1@s uk-width-1-1@xs">
         <h2 class="text-2024 uk-margin-remove" tabindex="0">TRANSPARENCIA</h2>
    </div>
    <div class="uk-width-1-3@l uk-width-1-3@m uk-width-1-2@s uk-width-1-2@xs grayScale-2024">
      <div class="uk-width-3-4 uk-width-1@l uk-margin-auto">
        <a href="https://www.plataformadetransparencia.org.mx/web/guest/inicio" title="Plataforma nacional de transparencia" target="_blank">
          <img src="templates/puebla/images/transparencia/transparencia.png"  width="80%" alt="Plataforma nacional de transparencia">
        </a>
      </div>
    </div>
    <div class="uk-width-1-3@l uk-width-1-3@m uk-width-1-2@s uk-width-1-2@xs grayScale-2024">
      <div class="uk-width-3-4 uk-width-1@l uk-margin-auto">
       <a href="http://consultapublicamx.inai.org.mx:8080/vut-web/?idSujetoObigadoParametro=23017&amp;idEntidadParametro=21&amp;idSectorParametro=21" title="Consulta nuestras obligaciones de transparencia" target="_blank">
          <img src="templates/puebla/images/transparencia/consulta.png"  width="80%" alt="Consulta nuestras obligaciones de transparencia">
        </a>
      </div>
    </div>
  </div>
</div>


<style>
.text-2024{
   font-family: 'Corra Montserra';
   font-weight: 300; 
   font-size: 26pt;
   color: #b2b2b1;
}

.grayScale-2024{
   filter: grayscale(100%)!important;
   opacity: 0.5!important;
}
</style>
