h5 {
  font-size: 15px;
  text-align: center;
  margin-bottom: .8em;
}

@media screen and (min-width: 1200px) {
  #main_Wrapper {
    display: grid;
    grid-template-columns: 50% auto;
    grid-gap: 2em;
    grid-template-areas: "page-title page-title" "page-form  page-table";
    padding: 0 1em;
  }
  #main_Heading {
    grid-area: page-title;
    grid-column: 1 / 3;
  }
  #main_Form {
    grid-area: page-form;
    grid-column: 1 / 2;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  #main_Table {
    grid-area: page-table;
    grid-column: 2 / 3;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  #main_Wrapper {
    grid-template-areas: "page-title" "page-form" "page-table";
  }
  #main_Heading {
    grid-area: page-title;
    grid-column: 1 / 2;
  }
  #main_Form {
    grid-area: page-form;
    grid-column: 1 / 2;
    width: 70%;
  }
  #main_Table {
    grid-area: page-table;
    grid-column: 1 / 2;
    width: 70%;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  #main_Form {
    width: 100%;
  }
  #main_Table {
    width: 100%;
  }
}

@media screen and (max-width: 767.98px) {
  #main_Wrapper {
    display: none;
  }
  #small_Message {
    display: block;
    margin-top: 2em;
  }
}
