/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  padding-top: 3.5rem;
}

.form-table {
  display: grid;
  grid-template-columns: 1fr 2fr;
}

@media only screen and (max-width: 768px){
  .form-table{
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-height: 640px){
  .form-table textarea {
      height: 5em;
  }
}

.form-table thead {
  display: contents;
}

.form-table tbody {
  display: contents;
}

.form-table tr {
  display: contents;
}

.form-table textarea {
  width: 100%;
}