<template>
  <header>
    <div class="container">
      <div class="columns is-mobile is-vcentered is-gapless is-justify-content-space-between">
        <a href="https://www.unam.mx/" target="_blank" class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 ml-2">
          <b-image
            :src="require('@/assets/logo_unam.png')"
            alt="logo_unam"
          ></b-image>
        </a>

        <a href="https://www.acatlan.unam.mx/" target="_blank" class="column is-one-fifth-desktop is-one-third-tablet is-5-mobile my-3 mr-2">
          <b-image
            :src="require('@/assets/logo_acatlan.png')"
            alt="logo_unam"
          ></b-image>
        </a>
      </div>
    </div>
  </header>
</template>

<script>
export default { }
</script>

<style scoped>
header {
  background-color: #1b3d70;
}

</style>
