@media only screen and (min-width:0){section#about{--numberOfBellowsColumns:1;grid-template-rows:auto [title] auto [text];grid-template-areas:". titleArea ." ". introArea ." ". textArea ."}}@media only screen and (min-width:640px){section#about{--numberOfBellowsColumns:12;grid-template-rows:auto [title] auto [text];grid-template-areas:". . titleArea titleArea titleArea titleArea titleArea titleArea titleArea titleArea titleArea titleArea . ." ". . introArea introArea introArea introArea introArea introArea introArea introArea introArea introArea . ." ". . . textArea textArea textArea textArea textArea textArea textArea textArea . . ."}}section#about{padding-top:var(--ms7);padding-bottom:var(--ms2)}section#about h1{grid-area:titleArea;margin:0}section#about div#text{grid-area:textArea}p#intro{grid-area:introArea;font-size:var(--ms1)}