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: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 {
    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 {
    position: static;
    flex-basis:0;
    flex-grow:1;
    transform: translateX(0);
  }
  header#site-header .top-header .logos-direction img {
    height:100px;
    padding:0 0 0 20px;
    transform:translateY(0)
  }
  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:1200px) {
  header#site-header .top-header {
    padding-left: 40px;
  }
}

@media(max-width:767px) {
  .xs-center,
  .xs-center * {
    text-align:center!important
  }
}