@media (max-width: 500px) {
  .history {
    height: 600px;
  }

  .beer_move,
  .beer_move_back {
    height: 400px;
    top: 45%;
  }

  .beer_name {
    width: 90%;
    font-size: 5rem;
    margin-top: 20px;
  }

  .udm_detail {
    display: none;
  }

  .message_cerveza p {
    margin-top: 40px;
    font-size: 1.5rem;
  }

  .detail_element_one,
  .detail_element_two,
  .detail_maridaje {
    height: 200px;
    width: 200px;
    margin: 0;
  }

  .detail_maridaje.summer {
    top: 75%;
    background: transparent;
  }

  .detail_maridaje.summer img {
    height: 200px;
    width: 200px;
    background: transparent;
  }

  .detail_element_one.hop {
    margin: 0px;
  }

  .beer_feature {
    text-align: left;
  }

  .beer_feature,
  .beer_feature_2 {
    font-size: 1rem;
  }

  .beer_feature_2 {
    margin-top: 20px;
    text-align: right;
  }

  .beer_feature_3 {
    margin-top: 220px;
    font-size: 1rem;
    text-align: left;
  }

  .first_logo.summer {
    margin-top: 50px;
    z-index: 1000;
  }

  .beer_name.champagne {
    font-size: 4rem;
  }
}