/*	file name:	cbi_s_pg.css
	author:	Eric McClafferty
	date:	1/29/2022
	revised:	2/2/2022		*/

*	{margin: 0; padding: 0;}
article, aside, figure, figcaption, footer, header, nav, section	{display: block;}
#wrapper  {background-color: #eee; max-width: 960px; margin: 0 auto;}
img	{width: 98%; margin: 0 1%; outline: 1px #bbb solid;}
nav	{height: 35px; width: 100%; background-color: #d8d8d8; padding-bottom: 3px;}
#gohome  {width: 135px; float: left; padding-left: 1%;}
#gohome:hover  {background-color: #f6f6f6;}
span	{color: #484848; font-size: 1.25em; font-variant: small-caps; letter-spacing: 2px;
	font-weight: bold; display: block; width: 100%; margin-left: 40%; padding-top: 3px;}
h1, h2, h3, h4  {color: #484848; text-align: center; line-height: 1.6em;}
h1	{font-size: 1.4em;}
h2	{font-size: 1.3em;}
h3, h4  {clear: left; padding-top: 0.5em; line-height: 1.3em;}
#map  {margin-top: 1.5%;}
#left_2  {display: none;}
#left  {width: 100%;}
#left figure  {float: left; width: 46.875%; padding: 1.563%;}
#right  {width: 100%;}
#right > figure:nth-of-type(odd)	{clear: left; float: left; width: 46.875%; padding: 3% 1.563%;}
#right > figure:nth-of-type(even)	{float: right; width:46.875%; padding: 1.563%;}
figcaption	{text-align: center;}
footer  {clear: both; text-align: center; padding-bottom: 0.7em;}
@media screen and (min-width: 481px) and (max-width: 667px)
  {
    header, #map, #left, #right, footer	{width: 480px; margin: 0 auto;}
  }
@media screen and (min-width: 668px)
  {
    #wrapper  {outline: 1px #bbb solid;}
    header      {width: 100%; float: left;}
    #map    {float: left; width: 49%; padding: 0 0.5%;}
    h3	{display: none;}    
    #left	{display: none;}
    #left_2	{display: inline-block; float: left; width: 48%; padding: 0 1%;}
    #left_2 figure  {float: left; width: 46.875%; padding: 1.563%;}
    #right	{float: right; width: 48%; padding: 3% 1%;}
    footer	{clear: both;}
    .break	{display: none;}
  }