@media (min-width: 1024px) and (max-width: 1200px) {
  .contenido {
    width: 100%;
    display: block; } }

@media (min-width: 481px) and (max-width: 1024px) {
  .contenido {
    width: 100%; }
  header {
    height: 470px; }
    header .menu ul {
      margin-left: 0px;
      text-align: center; }
    header .texto {
      top: 55%;
      text-align: center;
      width: 100%; }
      header .texto h1 {
        font-size: 50px; }
      header .texto h2 {
        font-size: 35px;
        margin-bottom: -16px; }
      header .texto h3 {
        font-size: 22px;
        margin-top: -28px; }
    header .facebook {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      left: 0; }
  .horario {
    padding: 30px 0px; }
    .horario .contenido .titulo {
      display: block;
      width: 100%;
      margin: auto;
      margin-bottom: 16px; }
      .horario .contenido .titulo i {
        font-size: 27px; }
      .horario .contenido .titulo .hor {
        font-size: 26px; }
      .horario .contenido .titulo .obj {
        font-size: 36px;
        margin-left: -4px; }
    .horario .contenido .hora1 {
      width: 20%; }
  .restaurantes .restaurante {
    padding: 60px 50px; }
    .restaurantes .restaurante .contenido {
      -webkit-column-count: 2;
      column-count: 2; }
      .restaurantes .restaurante .contenido .imagen, .restaurantes .restaurante .contenido .texto {
        display: block; }
      .restaurantes .restaurante .contenido .imagen {
        width: 100%;
        margin: -40px auto; }
      .restaurantes .restaurante .contenido .texto {
        padding: 0;
        width: 100%; }
  .restaurantes .badalona .contenido .imagen {
    margin: -15px auto; }
  .testimonios ul li {
    display: block;
    width: 80%;
    padding: 0px;
    margin: 60px auto; }
  .salon .texto {
    width: 90%; }
    .salon .texto h1 {
      margin-top: 28px; }
  .salon .imagen {
    width: 100%; }
    .salon .imagen img {
      display: block;
      margin: auto;
      width: 70%;
      height: auto; }
  footer {
    height: inherit;
    padding: 20px 0px; }
    footer div {
      -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
  .menus {
    height: auto;
    padding: 6px 0px; }
    .menus a {
      display: block;
      width: 62%;
      margin: 23px auto; } }

@media (min-width: 100px) and (max-width: 480px) {
  .contenido {
    width: 100%; }
  header {
    height: 600px; }
    header .menu ul {
      margin-left: 0px;
      text-align: center; }
    header .texto {
      top: 55%;
      text-align: center;
      width: 100%; }
      header .texto h1 {
        font-size: 50px; }
      header .texto h2 {
        font-size: 35px;
        margin-bottom: -16px; }
      header .texto h3 {
        font-size: 22px;
        margin-top: -28px; }
    header .facebook {
      -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      left: 0; }
  .horario .contenido .hora1 {
    display: block;
    width: 100%; }
  .restaurantes .restaurante .contenido .texto {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: -20px; }
  .restaurantes .restaurante .contenido .imagen {
    width: 100%;
    margin: -30px;
    left: 40px;
    position: relative;
    z-index: -1; }
  .restaurantes .badalona .contenido .texto {
    margin-right: 0px;
    margin-top: 360px; }
  .restaurantes .badalona .contenido .imagen {
    position: absolute;
    top: 0;
    left: -15px; }
  .testimonios ul li {
    display: block;
    width: 80%;
    padding: 0px;
    margin: 60px auto; }
  .salon .texto {
    width: 90%; }
    .salon .texto h1 {
      margin-top: 28px; }
  .salon .imagen {
    width: 100%; }
    .salon .imagen img {
      display: block; }
  footer {
    height: inherit; }
  .menus {
    height: auto;
    padding: 6px 0px; }
    .menus a {
      display: block;
      width: 62%;
      margin: 23px auto; } }