/*
	file name:	mc_quad.css
	author:	Eric McClafferty
	date:	3/12/2022
	Revised:	7/3/2025
*/
*	{margin: 0; padding: 0;}
body *	{font-family: Verdana, Geneva, sans-serif; font-size: 100%;
		font-weight: bold; line-height: 1.4em; vertical-align: baseline;}
article, aside, figure, figcaption, footer, header, nav, section	{display: block;}
h1, h2, address  { color: #484848;}
#wrapper	{max-width: 960px; margin: 0 auto; background-color: #f0f0f0;}
nav	{height: 35px; width: 100%; background-color: #e0e0e0; padding-bottom: 6px;}
#gohome  {float: left; padding-left: 2%;}
#gohome:hover  {background-color: #f6f6f6;}
#site_name  {display: none;}

#sd_home  {float: right; padding-right: 2%;}
#sd_home:hover  {background-color: #f6f6f6;}

.desktop	{display: none;}
#mixed	{display:none;}
img	{width: 95.8333%; margin: 1% 2.0833%; outline: 1px #bbb solid;}

#mnavwrap  {float: left; width: 100%; background-color: #ccc; margin-bottom: 20px;}
#mnavwrap ul  {float: left; width: 100%;}
#mnavwrap ul li	{list-style-type: none; width: 48%; padding: 1px 1% 0 1%; height: 35px;
	float: left; text-align: center; outline: 1px solid #bbb;}
#mnavwrap ul li a  {text-decoration: none; color: #484848; font-size: 0.875em;
				line-height: 1.6em; }
#mnavwrap li a:hover    {color:#222; background-color: #fff;}
#mnavwrap li.ur_here a {color: #666; background-color: #f6f6f6;}
#mnavwrap li.ur_here a:hover  {color: #666; background-color: #f6f6f6;}
h1, h2 {text-align: center;}
h1 { padding-top: 0.5em;}
h2 {padding-bottom: 7px;}
address {text-align: center; font-size: 0.8em; padding-bottom: 0.8em;}

@media screen and (min-width: 481px) and (max-width: 667px)
  {
    header, section, figure, figcaption, footer  {width: 480px; margin: 0 auto;}
  }

@media screen and (min-width: 668px)
  {
    .c_phone	{display: none;}
    .desktop	{display: block;}
    .desktop img  {width: 98%; margin: 1%;}
    #wrapper  {outline: 1px #bbb solid;}
     header	{width: 98%; padding: 0 1%; float: left;}
    h1 {font-size: 125%;}
    #site_name  {display: inline; font-family: "Times New Roman", serif; color:#484848;
			 font-size: 1.3em; font-variant: small-caps; font-weight: bold;
			 letter-spacing: 2px; line-height: 1.6em; margin-left: 20%;}
    #mnavwrap ul li a {font-size: 1em;}
    .break	{display: none;}
    section > figure:nth-of-type(odd)  {float: left; width: 49%; padding: 0.5%;}
    section > figure:nth-of-type(even) {float: right; width: 49%; padding: 0.5%;}
    #mixed	{display:block;}
    #mixed > figure:nth-of-type(odd)  {float: left; width: 30%; margin: 0.5%;}
    #mixed > figure:nth-of-type(even) {float: right; width: 66%; margin: 0.5%;}
    .nudge	{margin-top: 2.5%; margin-bottom: 1%;}
    h2	{font-size: 110%; clear: both;}
    footer	{clear: both;}
  }