#form-bar {
  display:flex;
  flex-direction:column;
  width:100%;
  height:auto;
  margin:0 auto;
  padding:30px;
  background-color:#F6F4EF;
}
.form-container {
  width:100%;
  height:auto;
  background-color:#FFFFFF;
  box-shadow: 0 0 16px rgba(0, 0, 0, .12);
  margin:0 auto;
  padding:30px;
  display:flex;
  flex-direction:column;
  align-items:center;
  align-content:stretch;
  justify-content:space-evenly;
  order:2;
  border-radius:8px;
}
.form-container iframe {
  width:100%;
  height:auto;
  min-height:300px;
}
.form-text-container {
  width:100%;
  height:auto;
  margin:0 auto;
  order:1;
}
.form-text-container h3 {
  text-align:center;
}
@media screen and (min-width:720px) {
  #form-bar {
  }
  .form-container {
    width:80%;
    max-width:500px;
    border-radius:4px;
  }
  .form-text-container {
    width:80%;
  }
}
@media screen and (min-width:1100px) {
  #form-bar {
    width:100%;
    height:600px;
    max-height:600px;
    max-width:1920px;
    margin:160px auto;
    padding:0;
    background-color:#F6F4EF;
    display:flex;
    flex-direction:row;
    flex-flow:wrap;
    align-items:center;
    align-content:center;
    justify-content:center;
    overflow: visible:
  }
  .form-container {
    width:50%;
    max-width:500px;
    height:auto;
    min-height:700px;
    background-color:#FFFFFF;
    box-shadow: 0 0 16px rgba(0, 0, 0, .12);
    order:2;
    padding:30px 0;
    margin:0;
    display:flex;
    flex-direction:column;
    justify-content:space-evenly;
    order:1;
    border-radius:8px;
  }
  .form-text-container {
    margin:0 0 0 50px;
    order:2;
    width:40%;
    max-width:500px;
    height:auto;
    order:1;
  }
  .form-text-container h3 {
    text-align:left;
  }
}