.btn-brand {
  background-color: #ff0208 !important;
  color: #fff !important;
  border: none;
}
.btn-brand:hover,
.btn-brand:focus {
  background-color: #d90007 !important;
  color: #fff !important;
}

body {
  background-color: #ff0208 !important;
  font-family: "Roboto", Arial, sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
.eb-garamond {
  font-family: "EB Garamond", serif !important;
  font-weight: 400;
  font-style: normal;
}
.page-title-legrand {
  color: #fff;
  font-family: "EB Garamond", serif;
  font-weight: 400;
  text-align: center;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  letter-spacing: 1px;
}
.card,
.card-body,
.card-title,
.card-text,
label,
input,
.form-label,
.alert,
.btn,
p,
a,
.small,
ol,
li,
.text-dark-gray,
.text-brand {
  font-family: "Roboto", Arial, sans-serif;
}

.dashboard-test-title {
  font-family: "EB Garamond", serif !important;
  font-size: 1.35rem;
  font-weight: 400;
  margin-top: 1.1rem;
  margin-bottom: 0.5rem;
  color: #222;
}
@media (min-width: 768px) {
  .dashboard-test-title {
    font-size: 1.6rem;
    margin-top: 1.5rem;
    margin-bottom: 0.7rem;
  }
}
.home-card-title {
  color: #2f69af !important;
}