/*------------------------------ nav bar ------------------------------*/
@media screen and (max-width: 1265px) {
  .menubar {
    display: block;
  }

  .lines_icon {
    display: block;
  }
  nav ul {
    display: none;
  }
}

@media screen and (max-width: 435px) {
  nav .logo h1 {
    display: none;
  }
}

/*------------------------------ prices ------------------------------*/

@media screen and (max-width: 750px) {
  .descuente p {
    font-size: 16px;
  }
}

@media screen and (max-width: 550px) {
  .head h1 {
    font-size: 40px;
  }

  .tablinks {
    font-size: 12px;
  }

  .descuente p {
    font-size: 12px;
  }
}
@media screen and (max-width: 415px) {
  .descuente p {
    font-size: 10px;
  }
}

@media screen and (max-width: 370px){

    .head h1 {
        font-size: 35px;
      }
}