main {
    height: 100vh;
}  

.under_h {
    text-align: center;
  }
 

  /******* CONTACT *******/  
  #contact {
    padding-top: 200px;
  }

  .contactform {
    width: 50vw;
    margin: 50px 25vw;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  
  .info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  
  .info input {
    border-radius: 5px;
    border: 1px solid var(--dark);
    background-color: var(--ecru);
    padding: 10px 20px;
    width: calc(50% - 52px);
  }
  
  .message {
    width: 100%;
  }
  
  .message textarea {
    border-radius: 5px;
    border: 1px solid var(--dark);
    background-color: var(--ecru);
    padding: 10px 20px;
    width: calc(100% - 40px);
    margin: 25px 0;
  }
  
  #form-status {
    margin-top: 25px;
  }
  
  
  
  /*** MOBILE ***/
  @media only screen and (max-width: 600px) {
    .contactform {
      width: 90vw;
      margin: 50px 5vw;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }
  }