body {
  color: var(--fontcol);
  background: var(--bgcol);
  background-image: none;
  font-family: var(--fontfam);
  background-image: var(--bggrad);
}

.shadedarea {
  background-color: var(--altbgcol);
  color: var(--altfontcol);
  border-radius: 0px;
  border: 3px solid var(--altbordercol);
  box-shadow:var(--altshadow);

}
.shadedarea2{
  background-color: rgba(255,255,255,0.5);
  color: var(--altfontcol);
  border-radius: 0px;
  border: 3px solid var(--altbordercol);
  box-shadow:var(--altshadow);

}

 select {

  font-size: 14px;
 }

.fill {
  background-image: var(--bgimage);
  background-size: var(--bgsize);
    background-attachment: var(--bgattach);
    background-repeat: var(--bgrep) ;
      background-position: top;
      overflow-x: hidden;
}


input[type="submit"],
input[type="reset"]  {

  background-color: var(--buttoncol);
  color: var(--buttonfont);
  border-radius: 0px;
  border: 3px solid var(--buttonbordercol);
  cursor: pointer;
  font-family: var(--fontfam);
    box-shadow:var(--buttonshadow);
    font-weight: 900;
}


.logoimg {
  position: relative !IMPORTANT;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 700px;
  display: block;
  max-height: unset !important;
  padding-right: 0px !important;

}
.checkarea2 {

  text-align: left;
}


.logo {
    width: 90%;
    max-width: 700px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    z-index: 0;
    content: var(--logo);

}
.footerimg {
    max-width: 650px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    content: var(--footer);
    
display: inline-block;
    width:100%;

}
.leftbotimg {
    max-width: 33%;
    height: auto;
    display: block;
    margin-left: 0;
    z-index: 0;
    content: var(--footer1);
display: inline-block;
float: left;
  object-fit: contain;
  object-position: bottom;
}
.rightbotimg {
    max-width: 33%;
    height: auto;
    display: block;
    margin-right: 0 ;
    z-index: 0;
    content: var(--footer2);
    
display: inline-block;
float: right;
  object-fit: contain;
  object-position: bottom;
}

.pagefooterimg {
    max-width: 450px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    z-index: 0;
    content: var(--pagefooter);
    margin-top: -1px;
    width:90%;
}
.formfooter {

height:auto;
display: flex;
}
.footerimgarea {
width: 100vw;
}

.pagefooter {

  background-color: var(--footerbgcol);
  
  color: var(--footerfontcol);
height:auto;

}
.footercontainer {

  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}


.btn {
  background-color: var(--buttoncol);
  color: var(--buttonfont);
  border: 1px solid var(--buttonbordercol);
  cursor: pointer;
}

.link {
  color: var(--linkcol);
  text-decoration: none;
}

.shadedarea {
margin-top: 0px !important;
}