/*----------- CONTACT FORM STYLES ----------------------*/
@import "form.css";

.field--name-field-image img {
  /*
  INCREASE OF THE HEIGHT OF THE ELEMENT INVERSE ANALOG TO THE WIDTH OF THE VIEW
  height: calc((450 / 1920) * (1920px + (1920px - 100vw)));
   */

  /*DECREASE OF THE HEIGHT OF THE ELEMENT ANALOG TO THE WIDTH OF THE VIEW BASED ON A FACTOR*/
  height: calc((450 / 1920) * (1920px + (100vw - 1920px) / 1.75));
  width: 100%;
  object-fit: cover;
}

section.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.sub-section {
  display: block;
  flex: 1 50%;
  box-sizing: border-box;
  width: 50%;
}

.sub-section:not(:last-child) {
  padding-right: 25px;
}

.sub-section:not(:first-child) {
  padding-left: 25px;
}

h1, .h1 {
  margin-bottom: 0;
}

section.basic-information .form-container {
  padding-top: 96px;
}

@media (max-width: 768px) {

  section.basic-information .form-container {
    padding-top: 50px;
  }

  .sub-section {
    flex: 1 100%;
  }

  .sub-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

}