/*
	file name:	msn_sd.css
	author:	Eric McClafferty
	date:	11/30/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, 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;}
    .sc_conceal {display: inline;}
    .break {display: none;}
    header	{width: 98%; padding: 0 1%; float: left;}
    div {clear: both;}
    #sd_home, #pane_06 {clear: none;}
    #pane_01 > figure:nth-of-type(odd)  {float: left; width: 34%; padding: 0.4% 0.7%;}
    #pane_01 > figure:nth-of-type(even) {float: right; width: 63.8%; padding: 0 0.3%;}
    #pane_02 > figure:nth-of-type(odd)  {float: left; width: 27.5%; padding: 0.4% 0.7%;}
    #pane_02 > figure:nth-of-type(even) {float: right; width: 70.3%; padding: 0 0.3%;}
    #pane_03 > figure:nth-of-type(odd)  {float: left; width: 34%; padding: 0.4% 0.7%;}
    #pane_03 > figure:nth-of-type(even) {float: right; width: 63.8%; padding: 0 0.3%;}
    #pane_04 > figure:nth-of-type(odd)  {float: left; width: 48.9%; padding: 0 0.5%;}
    #pane_04 > figure:nth-of-type(even) {float: right; width: 48.9%; padding: 0 0.5%;}
    #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%;}
    #exile {float: left; width: 32.3%; padding-left: 0.8%;}
    #pane_06 {float: right; width: 66%;}
    #pane_06 > figure:nth-of-type(odd)  {float: left; width: 48.9%; padding: 0 0.3%;}
    #pane_06 > figure:nth-of-type(even) {float: right; width:48.9%; padding: 0 0.7%;}
  }