body{
                font-family: verdana, arial, sans-serif;
                font-size: 14px;
                margin: 0;
                padding: 0;
                background-color: #92A484;
                text-align: center;}
 p{
      margin: 1em;
      color: black;
            }

   
header
{text-align: center;
  margin-bottom: 10px;
}


h1
{
  margin: 0 0 1em;
  font-size: 1.6em;
  font-weight: bolder;
  color: white;
  margin-bottom: 6px;
  
}

h2
{
  margin: 1em;
  font-size: 1.3em;
  font-weight: bolder;
  color: black;
  margin-bottom: 6px;
  text-align: center;

}
h3
{
  margin: 0 0 1em;
  font-size: 1.2em;
  font-weight: bold;
  color: black;
  text-decoration: underline;
  text-align: center;
}
h4{
      margin: 0 0 1em;
  font-size: 1em;
  font-weight: normal;
    color: white;
  text-align: center;
}

h5
{
  margin: 0 0 1em;
  font-size: 1.1em;
  font-weight: bold;
  color: black;
  text-decoration: underline;
  text-align: left;
}

hr{

    width: 75%;
   color: black;
}
   p{
      margin: .5em;
      color: black;
      text-align: left;
            }

.top{
    text-decoration: underline;
    text-align: left;
  }          
        
 .row{
        display: flex;
        max-width: 600px;
       margin: auto;
                   }
   .col-1{
           flex: 1;
            }

   .logo {
    
    float: right;
    margin-right: 20%;
    margin-bottom: 10px;
    padding: 10px;
   }

img {
margin-left: auto;
margin-right: auto}

      ul{
               
                
                 margin: 0 5px 10px ;
                border: solid 2px #fff;
                background-color: white;
                color: black;
                padding: 6px;
}

 #main{
        text-align: left;
        margin: 20px auto 0;
        background-color: white;
        max-width: 680px;
       min-height: 540px;
       padding: 0 20px;
        margin-left: auto;
    margin-right: auto;
    margin-bottom: 125px;
            }



       

 .copyrightFooterContainer {
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                align-items: center;
                justify-content: center;
                font-family: Arial,Helvetica,sans-serif;
                font-size: 12px;
                padding-bottom: 10px;
                text-transform: none;
                line-height: normal;
                color: white;
                margin-top: 10px;
            }          
   footer{
                position: fixed;
                bottom: 0;
                left: 0;
                color: #fff;
                width: 100%;
                background-color: rgba(0,0,0,0.7);
                padding: 12px 12px 0;
                margin-top: 10px;
            }
            @media (max-width: 400px) {
                footer{ position: relative; }
            }

                      

   @media (max-width: 500px) {
                
            }
              
@media print {
            .row { display: block; }
            img { display: none; }
            footer {display: none; }
             header {display: none; }
             h1, h5 {display: none; }
             h3 {font-size:.8em;text-decoration: none;font-weight: normal;}
             
  }