@media only screen and (max-width: 800px) {
  body {
    width: 100vw;
  }
  /*HEADER*/
  header#header {
    width: 100vw;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
  }
  header#header #navbar-top {
    background: #3466cc !important;
    flex: 0 100%;
  }
  header#header > .top-logo-search .region-top-logo-search{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  header#header > .top-logo-search .region-top-logo-search > a.navbar-brand > img {
    max-width: 100%;
  }

  header#header > .top-logo-search .region-top-logo-search > a.navbar-brand {
    margin: 0;
    margin-bottom: 10px;
  }

  header#header > #navbar-main {
    position: absolute;
    right: 5px;
    top: 2.5rem;
  }
  header #navbar-top > .container {
    width: 100vw;
    margin: 0; 
    padding: 0;
    flex: 0 100%;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    align-content: center;
  }

  header#header #navbar-top .region-top-header {
    display: flex !important;
    flex-direction: row !important;
    position: relative !important;
    flex-wrap: nowrap !important;
  }

  header #navbar-top > .container > section > a {
    position: unset !important;
    text-align: left;
  }
  header #navbar-top > .container > section > a > img {
    margin-left: -7px;
    max-width: 89px;
    margin-top: 8px;
    margin-right: 12px;
  }
  header #navbar-top > .container > section > #block-urna-cristal-account-menu {
    width: 100%;
    padding-left: 0;
    margin-left: -40px !important;
  }
  header #navbar-top > .container > section > #block-urna-cristal-account-menu div.nav {
     justify-content: flex-start !important;
  }
  header #navbar-top > .container > section > #block-urna-cristal-account-menu div.nav > a {
    font-size: 0.7rem;
    border: unset !important;
    padding: 0.5rem !important;
  }
   header #navbar-top > .container > section > #block-urna-cristal-account-menu div.nav > a::before {
    display: none;
   }

   /*FOOTER*/
   #page-wrapper .site-footer .site-footer__bottom > div {
    flex: 0 100%;
   }
   #page-wrapper .site-footer .site-footer__bottom #block-footerderecha {
         padding-bottom: 5rem;
  }
}