:root{--form-width: 60%;--table-width: 50%}#main_Form{width:var(--form-width)}#form_Grid{grid-template-areas:"grid-surnamegroom" "grid-givennamegroom" "grid-middlenamegroom" "grid-suffixgroom" "grid-keygroom" "grid-surnamebride" "grid-givennamebride" "grid-middlenamebride" "grid-keybride" "grid-marriagedate"}#grid_Name_LastGroom{grid-area:grid-surnamegroom;grid-column:col/span 2;grid-row:1}#grid_GivennameGroom{grid-area:grid-givennamegroom;grid-column:col 3/span 2;grid-row:1}#grid_MiddlenameGroom{grid-area:grid-middlenamegroom;grid-column:col 5/span 2;grid-row:1}#grid_Name_SuffixGroom{grid-area:grid-suffixgroom;grid-column:col 7/span 1;grid-row:1}#grid_KeyGroom{grid-area:grid-keygroom;grid-column:col 8/span 2;grid-row:1}#grid_Name_LastBride{grid-area:grid-surnamebride;grid-column:col/span 2;grid-row:2}#grid_GivennameBride{grid-area:grid-givennamebride;grid-column:col 3/span 2;grid-row:2}#grid_MiddlenameBride{grid-area:grid-middlenamebride;grid-column:col 5/span 2;grid-row:2}#grid_KeyBride{grid-area:grid-keybride;grid-column:col 8/span 2;grid-row:2}#grid_MarriageDate{grid-area:grid-marriagedate;grid-column:col 10/span 3;grid-row:2}#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:var(--form-width)39}#main_Table{width:calc(var(--table-width) + 30%)}}@media screen and (max-width: 576px){#main_Wrapper{display:none}#small_Message{display:block;margin-top:2em}}