.menus {
    position: absolute;
}

.menu_title1 {
    clear: both;
    color1: red;
    text-align: center;

}

.menu_content {
    padding1: 10px;
    transform: translateY(-10px);
    opacity: 0;
    transition1: opacity 500ms ease-in-out, transform 500ms ease-in-out, height 500ms ease-in-out;
    height: 0;
    background-color: transparent;
    position: relative;
    display: block;
    font-size: 10px;
    overflow-y: scroll;
    height1: 100%;
   
}

.display {
    display: block;
    opacity: 1;
    transform1: translateY(0);
    height: auto;
    background-color: pink;
    background-image: url('../la_guia.jpg');
    height: 100vh;
    border: 5px solid black;
    min-height: 50px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
}

.test {
    background-image: url('../la_guia1.jpg');
    height: 100px;
    border: 5px solid black;
}

.parallax {
    /* The image used */
    background-image: url("/la_guia1.jpg");
  
    /* Set a specific height */
    min-height: 500px;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

.left {
    font-family: 'Times New Roman', Times, serif;
    clear: both;
    display: block;
    float1: left;
    position: relative;
    height: 0;
    background-color: blue;
}

.leftx {
    float: left;
}

.right {
    display: block;
    position: relative;
    float1: right;
    color: red;
    height: 0;
    background-color: blueviolet;
}

.rightx {
    float: right;
}

#menu_items1 {
    height: 0;
}

.menu_item {
    display: block;

    font-family: 'Brush Script MT', cursive;
    font-size: 20px;
    color: black;
    background-color1: white;
    margin: 20px;
    padding: 20px;
    
    }

.menus a {
    position: absolute;
    top: 0px;
    right: 0px;
    font-size: 20px;
}


.menu_section {
    clear1: both;
    position1: relative;
    text-align: center;
    font-family: 'Brush Script MT', cursive;
    font-size: 100px;
    color: blue;
    background-color: transparent;
}




.reservation_form {
    display: flex;
    flex-direction: row;
    justify-content: space-around; 

}

@media screen and (max-width: 1000px) {
    
.reservation_form {
    display: flex;
    flex-direction: column;
    align-items: center;

}
}



form, select {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: center;
    justify-content: center;
    max-width1: 200px;
    font-family: 'Poppins', sans-serif;

  }

  form input, select {
    padding: 10px;
    border-radius1: 10%;
    font-family: 'Poppins', sans-serif;
    box-shadow: 10 10 0 0;
  }

  form input[type="text"]:focus, textarea:focus, select:focus {
  border-color: green;
  box-shadow: 0 0 8px blue; /* Glowing effect */
}

form textarea:focus {
    box-shadow: 0 0 8px blue;
}

form input[type="submit"]:hover {
    color1: red;
    box-shadow: 0 0 8px blue;
    background-color1: red;
}

form textarea {
    padding: 10px;
}

.section_title {
    clear: both;
}

section {
    clear: both;
}


.menus {
    position: relative;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
  }

  select, input, form textarea {
    min-width: 500px;
    max-width: 500px;
  }

  select, input[type="text"], textarea {
    width:100%;
    box-sizing:border-box;
  }