@font-face {
  font-family: "Questrial";
  src: url("../fonts/Questria.ttf");
}

@media only screen and (max-width: 700px) {
  body { 
    font-family: "Questrial", serif;
    font-size: 18px;
  }
}
@media only screen and (min-width: 700px) {
  body { 
    font-family: "Questrial", serif;
    font-size: 20px;
  }
}

.text-maroon {
  color: maroon;
}

.btn-outline-maroon {
  color: maroon;
}

.btn-outline-maroon:hover {
  color: rgb(170, 0, 0);
}

.btn-outline-darkgreen {
  color: #22510e;
}

.btn-outline-darkgreen:hover {
  color: #3a8b17;
}

.text-darkgreen {
  color: #22510e;
}

.bg-maroon {
  background-color: maroon;
}
.bg-darkgreen {
  background-color: #22510e;
}

.btn-maroon {
  background-color: #6b0000;
  color: white;
}
.btn-maroon:hover {
  background-color: #9b0101;
  color: white;
}
.btn-darkgreen {
  background-color: #22510e;
  color: white;
}
.btn-darkgreen:hover {
  background-color: #3a8b17;
  color: white;
}
.btn-greydark {
  background-color: rgb(209, 208, 208);
  color: maroon;
}
.btn-greydark:hover {
  background-color: rgb(196, 196, 196);
  color: rgb(170, 0, 0);
}