/*
	file name:	a_about.css
	author:	Eric McClafferty
	date:	11/21/2022
*/
h1, h2 {text-align: center;}
h1 { clear: both; font-size: 1.5em; padding: 0.5em 0 0.5em 0;}
h2 {clear: both; font-size: 1.05em; padding-bottom: 7px;}
@media screen and (min-width: 481px) and (max-width: 667px)
  {
    figure, figcaption, footer, header, nav, section {width: 480px; margin: 0 auto;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper  {outline: 1px solid #bbb ;}
    #site_name {display: inline;}
    .break {display: none;}
    header	{width: 98%; padding: 0 1%; float: left;}
    section {clear: both;}
    div {clear: both;}
    #sd_home, #pane_05 {clear: none;}
    #pane_01 > figure:nth-of-type(odd)  {float: left; width: 29.8%; padding: 0.4% 0.7%;}
    #pane_01 > figure:nth-of-type(even) {float: right; width: 68.2%; padding: 0 0.3%;}
    #pane_02 > figure:nth-of-type(odd)  {float: left; width: 59.8%; padding: 0 0.3%;}
    #pane_02 > figure:nth-of-type(even) {float: right; width: 38.2%; padding: 0 0.7%;}
    #pane_03 > figure:nth-of-type(odd)  {float: left; width: 37.5%; padding: 0.4% 0.7%;}
    #pane_03 > figure:nth-of-type(even) {float: right; width: 60.5%; padding: 0 0.3%;}
    #pane_04 > figure:nth-of-type(odd)  {float: left; width: 37.7%; padding: 0 0.7%;}
    #pane_04 > figure:nth-of-type(even) {float: right; width: 60.3%; padding: 0 0.3%;}
    #exile {float: left; width: 29.5%;}
    #pane_05 {float: right; width: 67.5%;}
    #pane_05 > figure:nth-of-type(odd)  {float: left; width: 57.3%; padding: 0 0.4%;}
    #pane_05 > figure:nth-of-type(even) {float: right; width:40.7%; padding: 0 0.6%;}
    #pane_06 > figure:nth-of-type(odd)  {float: left; width: 30.5%; padding: 0 0.7%;}
    #pane_06 > figure:nth-of-type(even) {float: right; width:67.5%; padding: 0 0.3%;}
    #pane_07 > figure:nth-of-type(odd)  {float: left; width: 37%; margin-top: 13%; padding: 0.7%;}
    #pane_07 > figure:nth-of-type(even) {float: right; width:61%; padding: 0.3%;}
  }
