html {
  background-color: #f4f4f4;
  font-family: Calibri, Arial, Tahoma, Helvetica, sans-serif;
  color: black;
  margin: 0px;
}

.logoslogan {
  background-color: teal;
  float: left; 
  width: 350px;
  padding-left: 10%; padding-top: 25px; padding-bottom: 1%; 
  margin: 0%; padding-right: 5px;
}

.headernav {
  background-color: teal;
  text-align: right; 
  padding-right: 9%; padding-left: 9%; padding-top: 58px; padding-bottom: 22px;
  font-size: 22px;
  color: rgb(150, 245, 253);
}

a {
  text-decoration: none;
}

a.linkto {
  color: rgb(150, 245, 253);
}

a.linkto:hover{
  color: white; cursor: pointer;
}

a.linkto2:hover{
  cursor: pointer;
}

.loginlabel {
  font-size: 20px;
}

.ftarea {
  color:darkblue; 
  font-size: 16px; 
  font-weight: 400; 
  background: transparent;
  clear: both;
}

.pymtbtn {
  outline-width: 0px;
  width: 389px;
  text-align: center;
  border: none;
  border-color: darkseagreen;
  font-size: 25px;
  color: white;
  background: darkseagreen;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 14px;
}

.pymtbtn:hover {
  cursor: pointer;
  outline-width: 0px;
  background: teal;
}

.pymtbtn:focus {
  cursor: pointer;
  outline-width: 0px;
  background: teal;
}

.inlineanchor {
  color: blue; font-weight: bold;
}

.member-tips {
  margin: 0 auto 0 auto;
  color: rgb(5, 5, 101); 
  font-size: 18px; 
  padding: 0px 12.5% 3px 12.5%; 
}

img {
  display: block;
}

p.msg {
  font-size: 20px;
}

.footing {
  margin-top: 75px;
  padding-left: 10%; padding-bottom: 5px;
  background-color: white; 
  font-size: 16px;
}

.redcolor {
  color: red;
}

.redcolorlarge {
  color: red;
  font-size: x-large;
}

.textarea {
  padding: 12px; font-size: 20px;
}

@media (max-width: 1080px) {
.ftarea {
  font-size:1.25vw;
  }
}

@media (max-width: 800px) {
  .pymtbtn {
    font-size: 22px;
    border-radius: 8px;
  }


  .footing {
    font-size: 1.25vw;
    padding-left: 5%;
  }

  .ftarea {
    font-size:1.2vw;
    }
}

@media (max-width: 605px) {
  .loginlabel {
      font-size: 18px;
      }
  }

@media (max-width: 450px) {
  .pymtbtn {
    font-size: 18px;
    border-radius: 6px;
  }

  .footing {
    font-size: 2.75vw;
    padding-left: 3%;
  }

  .ftarea {
    font-size:3.6vw;
    }
}
  /* end of small screen spec */
