:root{--form-margin: 30%}#main_Wrapper{grid-template-columns:repeat(12, [col] 1fr);-moz-column-gap:1rem;column-gap:1rem;row-gap:0;margin:0 var(--form-margin);grid-template-areas:"main-form" "main-table"}#main_Wrapper #main_Form{grid-area:main-form;grid-column:col 1/span 12;grid-row:2;margin-bottom:1rem;grid-template-areas:"grid-surname" "grid-givenname" "grid-email" "grid-hiddeninfo"}#main_Wrapper #main_Form #grid_Surname{grid-area:grid-surname;grid-column:col 1/span 6;grid-row:1}#main_Wrapper #main_Form #grid_Givenname{grid-area:grid-givenname;grid-column:col 7/span 6;grid-row:1}#main_Wrapper #main_Form #grid_Email{grid-area:grid-email;grid-column:col 1/span 12;grid-row:2}#main_Wrapper #main_Form #grid_HiddenInfo{grid-area:grid-hiddeninfo;grid-column:col 1/span 12;grid-row:3}#main_Wrapper #main_Table{grid-area:main-table;grid-column:col 1/span 12;grid-row:3}@media only screen and (max-width: 1400px){#main_Wrapper{margin:0 calc(var(--form-margin)*.8)}}@media only screen and (max-width: 1200px){#main_Wrapper{margin:0 calc(var(--form-margin)*.6)}}@media only screen and (max-width: 992px){#main_Wrapper{margin:0 calc(var(--form-margin)*.4)}}@media only screen and (max-width: 768px){nav,#main_Wrapper{display:none}#small_Message{display:block;margin-top:2rem}}