p {
    margin-top:10px
  }
  
  header#site-header button {
    background-color:transparent
  }
  
  header#site-header .top-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    display:flex;
    flex-direction:row;
    align-items:center;
    padding-top:10px
  }
  
  header#site-header .top-header>button {
    flex:0 0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    color:#062658
  }
  header#site-header .top-header>button:after {
    content:"Menú";
    text-transform:capitalize;
    font-size:18px
  }
  header#site-header .top-header button i {
    font-weight:700;
    font-size:30px
  }
  header#site-header .top-header #mobile-menu {
    display:none;
    position:fixed;
    top:0;
    width:100%;
    height:100%;
    background-color:#1e1859;
    z-index:100
  }
  header#site-header .top-header #mobile-menu button {
    color:#062658;
    display:block;
    margin-left:auto;
    padding:5px 10px;
    background-color:#fff;
    border-radius:10px 0 0
  }
  header#site-header .top-header #mobile-menu ul {
    list-style:none;
    text-align:left;
    padding:0;
    margin:0
  }
  header#site-header .top-header #mobile-menu ul li {
    padding:15px;
    margin:0;
    text-align:center
  }
  header#site-header .top-header #mobile-menu ul li:first-child {
    background-color:#00adee
  }
  header#site-header .top-header #mobile-menu ul li a {
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:700
  }
  header#site-header .top-header .logos-direction {
    text-align:left;
    flex-basis:0;
    flex-grow:1;
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%)
  
  }
  header#site-header .top-header .logos-direction img {
    display:none;
    
  
  }
header#site-header .top-header .logos-direction img:first-child {
    display:inline-block;
    height:100px;
  
  }
 
  
  header#site-header .bottom-header {
    display:none
  }
  
  header.entry-header {
    display:none
  }
  
  main#site-content>article.page {
    padding-top:0
  }
  
  footer#site-footer {
    text-align:center;
    padding:3rem;
    background-color:#062658
  }
  
  @media (min-width: 576px) {
    header#site-header .top-header .logos-direction img:first-child {
      display:inline-block;
      height:120px;
    }
  }
  
  @media(min-width:768px) {
  
    .md-hidden,
    header#site-header button.menu-mobile,
    header#site-header nav.mobile-menu {
      display:none
    }
    
    header#site-header .top-header .logos-direction {
      display: flex;
      position: static;
      flex-basis:0;
      flex-grow:1;
      transform: translateX(0);
    }
    
    header#site-header .top-header .logos-direction img {
      display: block;
      height: 50px;
      padding:0 0 0 20px;
      transform:translateY(0)
    }
    
    header#site-header .top-header .logos-direction img:first-child{
      height: 100px;
        
    }
    
    header#site-header .top-header .logos-direction img:nth-child(2) {
      border-left: 2px solid #9a999e;
        padding-left: 20px;
        margin-left: 10px;
      transform: translateY(45px)
    }
    
    header#site-header .bottom-header {
      display:block;
      background-color:#062658
    }
    header#site-header .bottom-header nav {
      max-width:992px;
      margin:auto
    }
    header#site-header .bottom-header nav ul {
      list-style:none;
      display:flex;
      flex-direction:row;
      justify-content:space-evenly;
      padding:0;
      margin:0
    }
    header#site-header .bottom-header nav ul li {
      padding:15px 20px;
      margin:0
    }
    header#site-header .bottom-header nav ul li:first-child {
      background-color:#00adee
    }
    header#site-header .bottom-header nav ul li a {
      font-size:16px;
      font-weight:700;
      color:#fff;
      text-decoration:none
    }
  }
  
  @media(min-width:992px) {
    header#site-header .top-header {
      padding-left: 40px;
    }

    
    header#site-header .content-header img{
        width: 100%
  }
}
  @media(max-width:767px) {
    .xs-center,
    .xs-center * {
      text-align:center!important
    }
  }


.d-none {
  display: none;
}

@media (min-width: 768px) {
  .d-md-block {
    display: block;
  }
  .d-md-none {
    display: none;
  }
}