/* RESPONSIVE
   ========================================================================= */

/* Tablets en horizonal y escritorios normales
   ------------------------------------------------------------------------- */
@media (min-width: 768px) and (max-width: 999px) {
  /*MENU*/
  header .menu {
    margin-top: 20px;
  }
  header .menu .buttons {
    display: none;
  }
  header .menu .buttons-responsive {
    display: block;
  }
  .option-responsive {
    background: rgba(0, 0, 0, 0.85);
    z-index: 250;
  }
  header .hamburger.hamburger--spin.is-active .hamburger-inner,
  header .hamburger.hamburger--spin.is-active .hamburger-inner:after,
  header .hamburger.hamburger--spin.is-active .hamburger-inner:before{
      /*background-color: #fff;*/
  }
  header .hamburger.hamburger--spin.is-active .hamburger-box{
      /*border: 2px solid #fff;*/
  }

}

/* Móviles en horizontal o tablets en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 767px) {
  .menu .buttons  {
    display: none !important;
  }
  .menu .buttons-responsive {
    display: block !important;
  }
}

/* Móviles en vertical
   ------------------------------------------------------------------------- */
@media (max-width: 480px) {
  /*MENU*/
  header .menu {
    margin-top: 20px;
  }
  header .menu .buttons {
    display: none;
  }
  header .menu .buttons-responsive {
    display: block;
  }
  .option-responsive {
    background: rgba(0, 0, 0, 0.85);
    z-index: 250;
  }
  header .hamburger.hamburger--spin.is-active .hamburger-inner,
  header .hamburger.hamburger--spin.is-active .hamburger-inner:after,
  header .hamburger.hamburger--spin.is-active .hamburger-inner:before{
      /*background-color: #fff;*/
  }
  header .hamburger.hamburger--spin.is-active .hamburger-box{
      /*border: 2px solid #fff;*/
  }


  /*PIRAMIDE*/
  .tittle h3{
    line-height: normal;
  }

  /*FLECHA DOWN*/
  a.link_soft{
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  .t-head {
      display: block;
  }
  /*ALIMENTACION DIARIA*/
  #alimentacion > div.tittle{
      margin-top: 0px;
  }
  #alimentacion .contenedor{
      padding-top: 0px;
  }
  /*ACTIVIDAD FISICA*/
  #actividad .section-contents {
      position: absolute;
      overflow: hidden;
  }
  /*FOOTER*/
  #footer-info .container-fluid.footer-menu .container{
      margin-top: 75px;
  }
  #footer-info .cont,
  #footer-info .cont ul.nav.menu,
  #footer-info .mail-dir{
    text-align: center;
  }
  #footer-info .mail-cont{
    width: 100%;
  }
  #footer-info .mail-ico,
  #footer-info .mail-cont,
  #footer-info .footer_rrss,
  #footer-info .footer-logo-min {
      float: none;
  }
  #footer-info .footer-redes .der_reservados,
  #footer-info .footer-redes .der_reservados p {
      margin: 0px;
  }

  #footer-info .footer-redes .der_reservados p {
    font-size: 12px;
  }

}
