<template>
  
  <div class="azulUnam">
  <div class="row">
    
    

    <div class="logo_unam col-5 offset-0 ">
   
      <a href="https://www.unam.mx/" target="_blank">
        <img class="sizeImg" src="../assets/logo_unam.png" alt="logo unam" />
      </a>
      </div>

    <div class="logo_acatlan col-5 offset-2 d-flex justify-content-center">
      <a href="https://www.acatlan.unam.mx/" target="_blank">
        
        <img
          class="sizeImga"
          src="../assets/logo_fesa.png"
          alt="logo unam"
        />
       
      </a>
     </div>
      </div>



    <div
      class="logo_acatlan_resp col-4  offset-2 d-flex justify-content-center my-3 align-items-center"
    >
      <a href="https://www.acatlan.unam.mx/" target="_blank">
        <img
          class="sizeImg"
          src="../assets/logo_acatlan.png"
          alt="logo unam"
        />
      </a>
    </div>
  </div>
</template>

<style scoped >



.pad{
     
     padding: 0px;
}

.divMaster {
  height: 6em;
  margin: 0 auto;
}

.azulUnam {
  background-color: #1e3c70;
  padding: 15px;
}
.sizeImg {
  height: 4.8rem;
   margin: auto 0;
}

.sizeImga {
  height: 4.4rem;
 
}
.logo_acatlan_resp {
  display: none !important;
}

@media (max-width: 450px) {
  .logo_acatlan,
  .logo_unam {
    display: none !important;
  }
  .logo_acatlan_resp {
    display: block !important;
  }
  .logo_acatlan_resp a img {
    height: 5rem;
  }
}
</style>
