.hire {
  margin-top: 150px;
  height: 100%;
  background: linear-gradient(to bottom, #323232 0%, #3f3f3f 40%, #1c1c1c 150%),
    linear-gradient(
      to top,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(0, 0, 0, 0.25) 200%
    );
  background-blend-mode: multiply;
  display: flex;
}

.hire-div {
  flex: 50%;
  margin: 20px;
  padding: 20px;
}

.hire-heading {
  color: white;
  text-align: center;
  font-weight: 700;
}

.hire-para {
  color: white;
  text-align: center;
}

.form {
  position: relative;
}

.form form {
  margin-top: 100px;
}

.form form input {
  background-color: transparent;
  color: white;
}

.form form textarea {
  background-color: transparent;
  color: white;
}

.credits {
  border-left: 2px solid white;
  justify-content: center;
  display: flex;
  align-items: center;
  text-align: center;
  flex-direction: column;
}

.credits h4 {
  color: white;
}

.credits i {
  font-size: 60px;
  color: white;
}

@media only screen and (max-width: 768px) {
  .hire {
    margin-top: 200px;
    flex-wrap: wrap;
  }
  .credits {
    border-left: none;
    border-top: 2px solid white;
  }
}