<template>
    <header class="Azul-puma py-3">
        <header class="container">
            <div class="row anch">
                
                    <div href="https://www.unam.mx/" class="col d-none d-md-block sin_pad"> <img src="../assets/UNAM.png" alt="logo Unam"> </div>
                    <div href="https://www.acatlan.unam.mx/" class="col d-flex justify-content-sm-center justify-content-lg-end"> <img src="../assets/Fes-aniversario.png"  class="logo-fes" alt="Ediciones Acatlán"> </div>
               
            </div>

        </header>

    </header>
</template>

<script>
export default {
    
}
</script>

<style>
.anch{
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.logo-fes{
    height: 5rem;
    
}
.sin_pad{
    margin-left: 0rem;
    margin-right: 0rem;
    text-align: left;
    
    
}
 @media screen and (max-width: 425px) {
    .anch{
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    .logo-fes{
        margin-top: .7rem;
        height: 3rem;
        
    }
 }

.Azul-puma {
  background-color: rgb(26, 27, 29); 
  }
@media screen and (max-width: 1024px) {
    .logo-fes{
    margin-top: .7rem;
    height: 4rem;
    
}
}

</style>