/* Validated by W3C CSS Validation Service */
* { margin: 0; padding : 0 ; text-align : center }

html, body { height: 100%; }

#wrapper 
{ 
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

#hdr { /*page header */ min-width:1000px; left:0px; top: 0px; position: fixed; width: 100%;
	height: 80px; background-image:url("../images/landscape-1.jpg");background-color : blue; text-align:left;}
	
#footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 65px;
   background-color: white;
   color: blue;
   text-align: center;
   border: 2px solid fuchsia;
   border-radius: 10px;
}

#scrll{height: 65px; padding: 100px;} /* bottom blank >= height of footer */

#downloadbutton{
   background-color: yellow;
   border: 5px solid orange;
   border-radius: 10px;
  font-size: 1.5em;
  font-weight: bold;
  margin: 0.3em 0.1em;
  cursor: pointer;
  color: blue; 
  padding-left: 0.5em;
  padding-right: 0.5em;
}

h1 {font-size: 3em}
h2 {font-size: 2em}
h3 {font-size: 1.5em}
h4 {font-size: 1.0em}
h5 {font-size: 0.7em}
h6 {font-size: 0.5em}

h1red { 
  text-align : left;
  font-family:verdana;
  font-weight: bold;
  color: #ff0000;
  font-size: 3em;
  padding-left: 0.5em;
}

h3green { 
  text-align : left;
  font-family:verdana;
  font-weight: bold;
  color: green;
  font-size: 1em;
  padding-left: 2em;
}

h3white { 
  text-align : left;
  font-family:verdana;
  font-weight: bold;
  color: #f8f8f8;
  font-size: 1em;
  padding-left: 2em;
}

.footer1 { grid-area: uses; }
.footer2 { grid-area: download; }
.footer3 { grid-area: terms; }

.footer-container {
  display: grid;
  height: 65px;
  grid-template-areas:
    'uses download terms';
  gap: 0px;
  grid-template-columns: 33% 1fr 1fr;
  background-color: #2196F3;
  padding: 2px;
}

.footer-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  text-align: center;
  padding: 5px 0;
  font-size: 0.6em;
}

#main-box {
  width: 755px;
  height: 2000px;
  padding: 5px;
  margin-top: 82px;	/* heightof header */
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

#main-boxxxx {
  background-color: red;
  width: 760px;
  height: 2000px;
  border: 2px solid green;
  padding: 5px;
  margin-top: 82px;	/* heightof header */
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
}