/*.contact-section {
  height: 100vh;
  width: 100%;
  box-sizing: border-box;
  background-color: #1a2950;
  font-family: 'Gotham';
}

.contact-section-inner {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10% 0 0 0;
  box-sizing: border-box;
}

.contact-col-left, .contact-col-right {
  height: 100%;
  box-sizing: border-box;
  max-height: 100vh;
}

.contact-col-left {
  width: 45%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

.left-contact-heading {
  font-size: calc(35px + (35 - 25) * ((100vw - 300px) / (1600 - 300)));
  color: #fff;
  font-family: 'Gotham';
  font-weight: 500;
  margin: 0;
  padding-left: 20%;
  margin-bottom: 5%;
  line-height: 1.3em;
}

.left-contact-paragraph {
  padding: 0 35% 0 20%;
  color: #fff;
  font-weight: 300;
  font-size: calc(12px + (12 - 10) * ((100vw - 300px) / (1600 - 300)));
  line-height: 1.3em;
  margin-top: 5%;
}

.gold-bar {
  width: 70%;
  height: 5px;
  background-color: #ffba23;
}

.contact-col-right {
  width: 55%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 0 10% 0 0;
}
*/

/* FORM STYLES */

/*
.contact-col-right span {
  width: 100%;
}
.contact-col-right span div {
  width: 100%;
}

form {
  box-sizing: border-box;
  width: 100%;
  max-height: 100%;
}

.input {
  margin-bottom: 5%;
  width: 100%;
}

.field label {
  display: none;
}

.input input, .input textarea {
  width: 100%;
  padding: 1.5% 1.5%;
  background: transparent;
  box-shadow: none;
  border: 1.5px solid #fff;
  color: #fff !important;
}

.input textarea {
  height: 150px;
}

.input input::placeholder, .input textarea::placeholder {
  color: #fff;
  font-family: 'Gotham';
  font-weight: 300;
  font-size: calc(10px + (10 - 10) * ((100vw - 300px) / (1600 - 300)));
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

*/

/* SUBMIT BUTTON  */
/*
.actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.actions input {
  padding: 2% 4%;
  width: 40%;
  box-sizing: border-box;
  background: transparent;
  font-size: calc(16px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
  border: 2px solid #fff;
  color: #fff;
  font-family: 'Gotham';
  font-weight: 500;
  margin-bottom: 0;
  letter-spacing: 0.1em;
}

.actions input:hover {
  background-color: #fff;
  color: #1a2950;
  cursor: pointer;
}

@media (max-width: 768px) {
  .contact-section-inner {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 20%;
  }
  .contact-col-left {
    height: 30%;
  }
  
  .contact-col-left, .contact-col-right {
    width: 80%;
  }
  
  .contact-col-right {
    padding: 0;
  }
  
  .left-contact-heading, .left-contact-paragraph {
    padding-left: 0;
  }
}

@media (max-width: 425px) {
  .gold-bar {
    width: 70%;
    height: 5px;
    background-color: #ffba23;
  }
  
  .contact-section-inner {
    padding-top: 10%;
  }
  
  .left-contact-heading {
    font-size: calc(20px + (20 - 10) * ((100vw - 300px) / (1600 - 300)));
  }
  
  .left-contact-paragraph {
    padding: 0 20% 0 0%;
  }
}

*/