body {
    margin:0;
    background-color:whitesmoke;
 
}
#container
{
     /*min-height:100%;
   position:relative;*/
    text-align:center;
    height:auto;
}
#header{
    background-color:white;
  

    
    padding-left:15px;
    padding-top:15px;
    padding-bottom:15px;
    text-align:left;
    border-bottom:groove;
    min-height: 80px;
    height: fit-content;
    overflow: clip;

}
.main{
  padding-bottom:50px;
   padding-left:5px;
   background-color:whitesmoke;
   width:80%;
   margin:auto;
  text-align:left;
  max-width:100%;
  min-height:100%;

}
.footer {
    background-color:white;
    height:30px;
    padding-top:15px;
    text-align:center;
    font-weight:bold;
    border-top:solid thin black;
    position:fixed;
    bottom: 0;
    width:100%;
    font-size:small;
}
.error
{
    color:red;
    font-weight:bold;
}
.mybuttons{
    cursor:pointer;
    cursor:hand;
    background-color:orange ;
    font-weight:bold;
    height:50px;
    width:100px;
    font-size:larger;
}
.clear { clear: both; height: 30px; }

@media (max-width:500px)
{
    .mybuttons{
    cursor:pointer;
    cursor:hand;
   width:100%;
    height:50px;
    font-size:25px;
 padding-right:5px;
 padding-left:5px;
   margin:auto;
 
    
}
    .cap{
         margin:auto;
   max-width:300px;

   width:100%;
    }
    .textbox
    {
        height:50px;
        font-size:30px;
     
    }
    body
    {
        font-size:18px;
        text-align:left;
    }
    .footer {
    height:15px;
    padding-top:0px;
    text-align:center;
    font-weight:bold;
    border-top:solid thin black;
    position:fixed;
    bottom: 7px;
    width:100%;
    font-size:xx-small;
}
    .main{
  padding-bottom:50px;
  padding-left:5px;
  margin-left:5px;
   
   width:100%;
   margin:auto;
  text-align:left;
  max-width:100%;
  height:100%;
  
}
    #header{
  

    
    padding-left:0px;
    padding-top:0px;
    padding-bottom:0px;
    text-align:left;
    border-bottom:groove;
    min-height: 110px;
    height: fit-content;
}

    .img{
        max-width: 450px;
    }
    
}

@media print
{
   #header {
display:none;
       
    }
   .footer{
       display:none;
   }
   .mybuttons 
   {
       display:none;
   }
}

.img {
    height: 6.375rem;
    width: auto;
    padding: 2px;
    top: 0 !important;
    position: fixed;
    text-align: center;
    object-fit: scale-down;
    object-position: 20% 100%;
}