:root{--form-width: 40%;--table-width: 40%}#main_Form{width:var(--form-width)}#form_Grid_Tab_1{grid-template-areas:"grid-surname" "grid-givenname" "grid-middlename" "grid-prefix" "grid-birthdate" "grid-admitted" "grid-discharged" "grid-deathdate" "grid-gender" "grid-age" "grid-color" "grid-cause" "grid-page" "grid-mem-fk"}#grid_Surname{grid-area:grid-surname;grid-column:col 1/span 3;grid-row:1}#grid_Givenname{grid-area:grid-givenname;grid-column:col 4/span 3;grid-row:1}#grid_Middlename{grid-area:grid-middlename;grid-column:col 7/span 3;grid-row:1}#grid_Prefix{grid-area:grid-prefix;grid-column:col 10/span 3;grid-row:1}#grid_Birthdate{grid-area:grid-birthdate;grid-column:col 1/span 3;grid-row:2}#grid_Admitted{grid-area:grid-admitted;grid-column:col 4/span 3;grid-row:2}#grid_Discharged{grid-area:grid-discharged;grid-column:col 7/span 3;grid-row:2}#grid_Deathdate{grid-area:grid-deathdate;grid-column:col 10/span 3;grid-row:2}#grid_Gender{grid-area:grid-gender;grid-column:col 1/span 3;grid-row:3}#grid_Age{grid-area:grid-age;grid-column:col 4/span 2;grid-row:3}#grid_Color{grid-area:grid-color;grid-column:col 7/span 2;grid-row:3}#grid_Cause{grid-area:grid-cause;grid-column:col 1/span 3;grid-row:4}#grid_Page{grid-area:grid-page;grid-column:col 4/span 2;grid-row:4}#grid_Mem_FK{grid-area:grid-mem-fk;grid-column:col 7/span 2;grid-row:4}#form_Grid_Tab_2{grid-template-areas:"grid-cemetery" "grid-comments" "grid-notes"}#grid_Cemetery{grid-area:grid-cemetery;grid-column:col 1/span 6;grid-row:2}#grid_Comments{grid-area:grid-comments;grid-column:col 1/span 12;grid-row:3}#grid_Notes{grid-area:grid-notes;grid-column:col 1/span 12;grid-row:4}#main_Table{width:var(--table-width)}@media screen and (min-width: 1200px){#main_Form{width:var(--form-width)}#main_Table{width:var(--table-width)}}@media screen and (min-width: 992px)and (max-width: 1200px){#main_Form{width:calc(var(--form-width) + 10%)}#main_Table{width:calc(var(--table-width) + 10%)}}@media screen and (min-width: 768px)and (max-width: 992px){#main_Form{width:calc(var(--form-width) + 20%)}#main_Table{width:calc(var(--table-width) + 20%)}}@media screen and (min-width: 576px)and (max-width: 768px){#main_Form{width:calc(var(--form-width) + 30%)}#main_Table{width:calc(var(--table-width) + 30%)}}@media screen and (max-width: 576px){#main_Wrapper{display:none}#main_Message{display:block;margin-top:2em}}