:root{--form-width: 40%;--table-width: 40%}#main_Form{width:var(--form-width)}#form_Grid_Tab_1{grid-template-areas:"grid-name" "grid-county" "grid-type" "grid-town" "grid-church" "grid-marker" "grid-image" "grid-lat" "grid-lon" "grid-redirect" "grid-directory" "grid-ltrdir" "grid-photos" "grid-countit"}#grid_Name{grid-area:grid-name;grid-column:col/span 6;grid-row:1}#grid_County{grid-area:grid-county;grid-column:col 7/span 3;grid-row:1}#grid_Type{grid-area:grid-type;grid-column:col 10/span 3;grid-row:1}#grid_Town{grid-area:grid-town;grid-column:col/span 4;grid-row:2}#grid_Church{grid-area:grid-church;grid-column:col 5/span 4;grid-row:2}#grid_Marker{grid-area:grid-marker;grid-column:col 9/span 4;grid-row:2}#grid_Image{grid-area:grid-image;grid-column:col 1/span 4;grid-row:3}#grid_Redirect{grid-area:grid-redirect;grid-column:col 5/span 4;grid-row:3}#grid_Lat{grid-area:grid-lat;grid-column:col 9/span 2;grid-row:3}#grid_Lon{grid-area:grid-lon;grid-column:col 11/span 2;grid-row:3}#grid_Directory{grid-area:grid-directory;grid-column:col/span 4;grid-row:4}#grid_LtrDir{grid-area:grid-ltrdir;grid-column:col 5/span 2;grid-row:4}#grid_Photos{grid-area:grid-photos;grid-column:col 7/span 2;grid-row:4}#grid_CountIt{grid-area:grid-countit;grid-column:col 10/span 2;grid-row:4}#form_Grid_Tab_2{grid-template-areas:"grid-direction" "grid-notes" "grid-association" "grid-notdisplayed"}#grid_Direction{grid-area:grid-direction;grid-column:col 1/span 12;grid-row:2}#grid_Notes{grid-area:grid-notes;grid-column:col 1/span 12;grid-row:3}#grid_Association{grid-area:grid-association;grid-column:col 1/span 12;grid-row:4}#grid_NotDisplayed{grid-area:grid-notdisplayed;grid-column:col 1/span 12;grid-row:5}#main_Table{width:var(--table-width)}@media screen and (min-width: 1200px){#main_Form{width:calc(var(--form-width) + 10%)}#main_Table{width:calc(var(--table-width) + 10%)}}@media screen and (min-width: 992px)and (max-width: 1200px){#main_Form{width:calc(var(--table-width) + 20%)}#main_Table{width:calc(var(--table-width) + 20%)}}@media screen and (min-width: 576px)and (max-width: 992px){#main_Form{width:calc(var(--table-width) + 40%)}#main_Table{width:calc(var(--table-width) + 40%)}}@media screen and (max-width: 768px){#main_Heading,#main_Form,#main_Table{display:none}#small_Message{display:block;margin-top:2rem}}