/*Palette
Metalic Gold/#D4AF37/rgb(212,175,55)
Light Grey/#BDBDBD/rgb(189, 189, 189)
Dark Grey/#444444/rgb(68, 68, 68)
*/

body {
  background-color: #444444;
  padding-top: 100px;
}

a {
  color: #444444;
  text-decoration: none;
}

a:hover {
  color: #D4AF37;
  text-decoration: none;
}

.footer {
  margin-top: 100px;
  text-align: center;
  padding: 15px;
}
.footer a{
  margin: 10px;
  color: #FFFFFF;
  text-decoration: none;
}

.footer p{
  color: #FFFFFF;
  font-size: 12px;
}

#homebanner {
  text-align: center;
  background-color: #D4AF37;
  padding: 20px;
  border-radius: 5px;
  border: 3px solid white;
}

.payicon {
  max-width: 75px;
}

.pdfbox {
  border: 5px solid #D4AF37;
  background-color: #D4AF37;
  margin: 20px;
  height: 600px;
}

.pdfbox object,
.pdfbox iframe {
  width: 100%;
  height: 100%;
  display: block;
}

.pdfbox a {
  color: #444444;
}

.appointments {
  height: 64vh;
}

.homeimgs {
  background-color: white;
  display: flex;
  max-width: 1000px;
  max-height: 1000px;
  margin: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
  box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
}

.btn-dash {
  background-color: #BDBDBD;
  border: none;
  color: #444444;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-size: 13px;
  -webkit-box-shadow: 0 5px 5px 0 rgba(95,186,233,0.4);
  box-shadow: 0 5px 5px 0 #444444;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  margin: 5px 20px 20px 20px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-dash:hover {
  background-color: #D4AF37;
  color: black
}

.error {
  background-color: #F5907A;
  padding: 5px;
  color: #881901;
  font-size: 16px;
}

@media (max-width: 767.98px) {
  .homeimgs {
    max-width: 500px;
    max-height: 500px;
  }
}