body p {
  font-family: "Roboto", sans-serif;
  color: #00367D;
  font-size: 0.9375rem;
}

@media (min-width: 768px) {
  body p {
    font-size: 1rem;
  }
}

body .table, body .alert, body .breadcrumb, body .nav {
  font-family: "Roboto", sans-serif;
  font-size: 0.9375rem;
}

@media (min-width: 768px) {
  body .table, body .alert, body .breadcrumb, body .nav {
    font-size: 1rem;
  }
}

body h1 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 2.25rem;
  font-weight: 500;
  letter-spacing: rem;
}

@media (min-width: 768px) {
  body h1 {
    font-size: 2.375rem;
  }
}

@media (min-width: 992px) {
  body h1 {
    font-size: 2.5rem;
  }
}

body h2 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0rem;
}

@media (min-width: 768px) {
  body h2 {
    font-size: 1.9rem;
  }
}

@media (min-width: 992px) {
  body h2 {
    font-size: 2rem;
  }
}

body h3 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 1.575rem;
  font-weight: 700;
}

@media (min-width: 768px) {
  body h3 {
    font-size: 1.6625rem;
  }
}

@media (min-width: 992px) {
  body h3 {
    font-size: 1.75rem;
  }
}

body h4 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 1.35rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  body h4 {
    font-size: 1.425rem;
  }
}

@media (min-width: 992px) {
  body h4 {
    font-size: 1.5rem;
  }
}

body h5 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  body h5 {
    font-size: 1.1875rem;
  }
}

@media (min-width: 992px) {
  body h5 {
    font-size: 1.25rem;
  }
}

body h6 {
  color: #00367D;
  font-family: "Roboto", sans-serif;
  font-size: 0.9375rem;
  font-weight: 600;
}

@media (min-width: 768px) {
  body h6 {
    font-size: 0.95rem;
  }
}

@media (min-width: 992px) {
  body h6 {
    font-size: 1rem;
  }
}