/*=========CONTACT========*/
.contact_container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.contact {
  padding: 35px 25px;
  width: 100vw;
}

.contact .carousel {
  max-width: 1200px;
}

.contact h3 {
  padding-top: 0px;
}

p {
  margin-bottom: 10px;
}

.no-top-margin {
  margin-top: -10px;
}

.contact input,
.contact select,
.contact textarea {
  width: 100%;
  padding: 5px 5px;
  margin: 10px 0px;
  font-size: 1em;
  color: #333;
}

div.dropdown.bootstrap-select {
  width: 100% !important;
}

select#project {
  border-radius: 0;
}

button.dropdown-toggle {
  margin: 10px 0px;
  border-radius: 0;
}

.dropdown-toggle::after {
  border-top: 0.3em solid !important;
  border-bottom: 0 !important;
}

div.dropdown-menu.show {
  min-width: 200px !important;
  width: 100% !important;
}

/*========================*/
/*=====RESPONSIVE=========*/
/*========================*/

@media screen and (min-width: 650px) {
  /*========CONTACT=========*/
  .contact {
    display: flex;
    width: 80vw;
    margin: auto;
    margin-bottom: 30px;
  }

  .contact input,
  .contact select {
    width: 45%;
  }

  div.dropdown.bootstrap-select {
    width: 45% !important;
  }

  iframe {
    width: 45vw;
  }
}

@media screen and (min-width: 900px) {
  /*========CONTACT=========*/

  iframe {
    width: 40vw;
  }
}