input[type=text], input[type=tel], input[type=email], select, textarea{
  font-family: inherit;
  font-size: 16px;
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */
  border: none; 
  border-bottom: 1px solid rgb(210, 174, 86); /* Gray border */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical; /* Allow the user to vertically resize the textarea (not horizontally) */
  outline: none;
}

input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus, select:focus, textarea:focus{
  border-color: rgb(5, 73, 76);
}

input[type=submit] {
  background-color: transparent;
  color: rgb(210, 174, 86);
  margin-top: 20px;
  padding: 12px 20px;
  border: 1px solid rgb(210, 174, 86);
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}
input[type=submit]:hover{
  color: white;
  background-color: rgb(210, 174, 86);
}

.contact-page-title{
  text-align: center;
  padding-bottom: 60px;
  padding-top: 60px;
  color: rgb(1, 50, 47);
  font-size: 3rem;
  font-weight: 700;
}
.contact{
  margin: auto;
  margin-top:clamp(90px, 22.5vw, 115px);
  padding: 0 20px
}
.map-wrapper{
  width: 100%;
  position: relative;
}
.map{
  width: 100%;
  margin-top: 0;
  padding-top: 0;
  height: 500px;
  border: none;
  filter: grayscale(70%);
}

.information-wrapper{
  margin:auto;
  display: grid;
  grid-template-columns: 1fr;
}

.information{
  padding: 2vw
}
.information-txt{
  font-size: 1.6rem;
}

.contact-form-wrapper{
  padding: 2vw;
}

.contact-title{
  padding-bottom: 2vw;
  font-size: 2.4rem;
  font-weight: 700;
  color: rgb(1, 50, 47);
}

ul{
  list-style-type: circle;
}


@media(min-width: 1180px){
  .contact{
    width: 1160px;
  }
  .information-wrapper{
    width: 1160px;
  }
}
@media(min-width: 769px){
  .contact{
    margin-top: 90px;
    padding: 0 2vw;
  }

  .information-wrapper{
    grid-template-columns: 1fr 1fr;
  }

}