<template>
  <footer class="general">
    <div class="footer pure-g">
      <!--<img class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4" src="https://www.c3.unam.mx/image/logoUnam.png" style="width: 90px; height: 90px; margin: 2% auto; height: auto">-->

      <img
        class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4 img-footer-1"
        src="./../assets/SDI_B_150px.png"
      />

      <img
        class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4 img-footer-2"
        src="https://www.acatlan.unam.mx/identidad-acatlan/img/Logotipos/Escudo/escudo-b2.png"
      />

      <img
        class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4 img-footer-2"
        src="./../assets/fesaragonlogo-b.png"
      />

      <img
        class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4 img-footer-2"
        src="http://aws.unam.mx/img/escudo_fi_blanco.png"
      />

      <img
        class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4 img-footer-2"
        src="https://www.acatlan.unam.mx/pcpuma/img/logos/unam-nacion-blanco.png"
      />

      <div
        class="texto_footer pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-2"
      >
        <!--cajatex-->
        <br />Hecho en México, 2020.<br />
        Las marcas mencionadas son propiedad de sus propios dueños, se utilizan
        con fines de difusión.<br />
        Sitio web administrado por: Coordinación de Proyectos <br />
        Tecnológicos e Innovación | Secretaría de Desarrollo Institucional
      </div>
    </div>
  </footer>
</template>

<script>
export default {};
</script>

<style>
.general {
  max-width: 1280px;
  height: auto;
  margin: 0 auto;
}

.footer {
  height: auto;
  /*width: 100%;*/
  letter-spacing: 0px;
  background: #37475a;
  padding: 5px;
}

.img-footer-1 {
  width: 120px;
  height: 90px;
  margin: 3% auto;
}

.img-footer-2 {
  width: 90px;
  height: 100px;
  margin: 2% auto;
}

@media screen and (max-width: 767px) {
  .footer img {
    width: 40px;
    height: 40px;
  }
  .texto_footer {
    font-size: 12px !important;
  }
}

.texto_footer {
  font-family: sans-serif;
  text-align: center;
  color: #ffffff;
  /*width: 100%;*/
  padding: 1% 5%;
  font-size: 100%;
  margin-bottom: 10px;
}
</style>
