@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* { margin: 0; padding: 0; box-sizing: border-box }

body { font-size: 22px; background-color: #E4ECB7; }

header { text-align: center; background-image: url("green-header.png");  border-bottom: 5px solid #000000; height: 100%; }
h1     { font-size: 5rem; color: green;  text-shadow: 2px 2px #ff0000; padding: 200px 0 100px; 
		 font-family: "Google Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  
		}
h2, h3     { 
		 
		}

main 	{ max-width: 1200px; margin: 100px auto; }
h2, h3  { color: green; }
h2   	{ font-size: 2rem; text-align: center; margin: 4rem 0 4rem 0}
h3  	{ font-size: 1.6rem; margin: 4rem 0 1rem 10rem; text-decoration: underline green; }
p  		{ margin: 2rem 13rem; line-height: 1.7; text-align: justify; 
		  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
		}
.center {text-align: center }
main a  { display: inline-block; color: green;  text-decoration: none; font-weight: bold; }



img { max-width: 100% }




.pdf { max-width: 150px }






footer { text-align: right; background-color: green; height: 11rem;   }
footer p { color:#ffffff; text-align: center; margin: 0; padding-top: 1rem; }



@media(max-width:1000px) {
	header h1 { text-align: center; font-size: 2rem; padding: 2rem 0 1rem 0rem;}
	
	main a { display: inline; }
	p { margin: 1.5rem .6rem; font-size: 1rem; }
	h2 { font-size: 1.3rem;  }
	h3 { font-size: 1.2rem; margin: 3rem 0 1rem .5rem; }
	
	
	
}