/* stylehdr.css - responsive stylesheet */
/* Copyright 2018 C Leland    */


/* ---------- Header settings                                                 */
/* ---------- Floating - max width 500px --- mobile, tablet, etc.             */
/* -------------------------------------------------------------------------- */

.hdr    	{width:100vw; height:auto; padding:0; 
             font-family:helvetica, sans serif; font-style:italic;
             overflow:hidden; z-index:10; }
    .title  {padding-left:1vw; font-weight:bold; }
    .motto	{padding-left:4vw; background-color:#004; color:#FFE; }
.ftr        {padding:1vw; width:100vw; height:auto;
             position:fixed; bottom:0; left:0;
             z-index:0; opacity:0.7; }
    .copyrt	{padding-left:4vh; font-size:75%; }
a:hover	            {background-color:#DDC; color:#00C; } 
a:focus, a:active   {background-color:#DDC; color:#00C; } 
a:link, a:visited   {background-color:inherit; color:#00A;
                     text-decoration:none; }

/*
@media print 
{
.title  {font-size:200%;  font-weight:bold; }
.motto	{padding:0.5vw; padding-left:3vw;
		font-size:150%; background-color:#004; color:#FFE; }
.copyrt	{font-size:80%; padding-top:1vw; }
}

@media screen and (orientation:portrait)
{
.title  {font-size:200%;  font-weight:bold; }
.motto	{padding:0.5vw; padding-left:3vw;
		font-size:150%; background-color:#004; color:#FFE; }
.copyrt	{font-size:80%; padding-top:1vw; }
}
 
@media screen and (orientation:landscape)
{
.title  {font-size:200%;  font-weight:bold; }
.motto	{padding:0.5vw; padding-left:3vw;
		font-size:150%; background-color:#004; color:#FFE; }
.copyrt	{font-size:80%; padding-top:1vw; }
}
*/