img {
	max-width: 100%; 
	height: auto; 
}

body {
	margin: 0;
	text-align: center;
	font-family: 'PT Sans', sans-serif;
	height: 100%;
}

.helper {
  /* display: flex; /* make usr of Flexbox */ 
  align-items: center; /* does vertically center the desired content */
  /* justify-content: center; /* horizontally centers single line items */
  text-align: center; /* optional, but helps horizontally center text that breaks into multiple lines */
  min-height: 100%;  
}

p { color: white }

.logo { margin-top: 10%; padding: 20pt; background-color: #a99a79; border: 0px solid #565656; opacity: 1.0; }  /*  #668d18 */

.block { padding-top: 30pt; text-align: center; max-width: 400pt; margin:0 auto; padding-left: 30pt; padding-right: 30pt; color: #444444; }

p.q { font-style:	italic; font-weight: bold; };

a.footer { color: white }
a { color: black; text-decoration: none;  }
a.link {
  /* box-shadow: 5px 0px 2px #CC0099; */
	background-color: #a99a79; /*  #F0F; /* orange #F90; #797231; */
	opacity: 1.0; 
  color: white;
  padding: 0.9em 1.0em;
	margin: 1em; 
	line-height: 4em; 	
  text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
  text-transform: uppercase;
	border-radius: 50%;
	/* text-shadow: 0px 0px 8px #000; 		*/
}

a:hover {
	opacity: 0.6; 
  cursor: pointer;
}

a#logo:hover {
	opacity: 1.0; !important
}

h1 { font-size: 18pt; font-weight: bold; line-height: 36pt; }
h1.slogan { color: white;}

.footer  { 
    bottom: 0%; width: 100%;
    position: fixed;
		text-align: center;
		color: white;
}