/*
	file name:	zoo.css
	author:	Eric McClafferty
	date:	12/11/2022
*/
h1 {text-align: center;}
h1 { clear: both; font-size: 1.5em; padding: 0.5em 0 0.5em 0;}
@media screen and (min-width: 481px) and (max-width: 667px)
  {
    figure, footer, header, nav {width: 480px; margin: 0 auto;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper  {outline: 1px solid #bbb ;}
    #site_name {display: inline;}
    .sc_conceal {display: inline;}
    .break {display: none;}
    header	{width: 98%; padding: 0 1%; float: left;}
    div {clear: both;}
    #sd_home, #pane_04, #pane_05 {clear: none;}
    #pane_01 > figure:nth-of-type(odd)  {float: left; width: 49%; padding: 0.2% 0.5%;}
    #pane_01 > figure:nth-of-type(even) {float: right; width: 49%; padding: 0 0.5%;}
    #pane_02 > figure:nth-of-type(odd)  {float: left; width: 63.8%; padding: 0 0.3%;}
    #pane_02 > figure:nth-of-type(even) {float: right; width: 34%; padding: 0.15% 0.7%; margin-top: 0.1%;}
    #pane_03 > figure:nth-of-type(odd)  {float: left; width: 44%; padding: 0 0.5%; margin-top: 0.1%;}
    #pane_03 > figure:nth-of-type(even) {float: right; width: 54.2%; padding: 0 0.4%;}
    #exile {float: left; width: 21.5%; padding: 0.3% 1%;}
    #pane_04 {float: right; width: 76%;}
    #pane_04 > figure:nth-of-type(odd)  {float: left; width: 28.3%; padding: 0.4% 0.7%;}
    #pane_04 > figure:nth-of-type(even) {float: right; width:68.7%; padding: 0 0.3%;}
    #exiled {float: left; width: 32.3%; padding-left: 0.8%;}
    #pane_05 {float: right; width: 66%;}
    #pane_05 > figure:nth-of-type(odd)  {float: left; width: 48.9%; padding: 0 0.5%;}
    #pane_05 > figure:nth-of-type(even) {float: right; width:48.9%; padding: 0 0.5%;}
    #pane_06 > figure:nth-of-type(odd)  {float: left; width: 63.8%; padding: 0 0.3%;}
    #pane_06 > figure:nth-of-type(even) {float: right; width: 34%; padding: 0.2% 0.7%;}
    #pane_07 > figure:nth-of-type(odd)  {float: left; width: 58.1%; padding: 0 0.4%;}
    #pane_07 > figure:nth-of-type(even) {float: right; width: 39.8%; padding: 0.1% 0.6%;}
    #pane_08 > figure:nth-of-type(odd)  {float: left; width: 49%; padding: 0 0.5%;}
    #pane_08 > figure:nth-of-type(even) {float: right; width: 49%; padding: 0 0.5%;}
    #pane_09 > figure:nth-of-type(odd)  {float: left; width: 31.9%; padding: 0 0.7%;}
    #pane_09 > figure:nth-of-type(even) {float: right; width: 66%; padding: 0 0.3%; margin-top: 0.8%;}
  }