:root {
  --bs-primary: #005DAA;
  --bs-secondary: #A6D4F2;
  --bs-success: #4CAF50;
  --bs-dark-blue: #002E5D;
  --bs-light-blue: #DCEAF4;
}

body {
  margin: 0;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  min-height: 100vh;
  /*background-color: #f8f9fa !important;*/
  background-color: var(--bs-light-blue);
  color: var(--bs-dark-blue);
}

/* Heading use Motserrat Rounded */

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat Rounded', sans-serif;
  opacity: 0.9;
  margin-top: 1.6rem;
  margin-bottom: 0.6rem;
  letter-spacing: 0.04em;
}

h1 {
  font-size: 2.8rem;
}

h2 {
  font-size: 2.3rem;
}

h3 {
  font-size: 1.85rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1.05rem;
}

/* Mobile Version */

@media (max-width: 576px) {
  h1 {
    font-size: 1.8rem;
  }
}

@media (max-width: 576px) {
  h2 {
    font-size: 1.5rem;
  }
}

@media (max-width: 576px) {
  h3 {
    font-size: 1.2rem;
  }
}

@media (max-width: 576px) {
  h4 {
    font-size: 1rem;
  }
}

@media (max-width: 576px) {
  h5 {
    font-size: 1.2rem;
  }
}

@media (max-width: 576px) {
  h6 {
    font-size: 0.75rem;
  }
}

p, ul, ol, li {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.125rem;
}

p.subtitle {
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  letter-spacing: 0.05em;
}

ul, ol {
  padding-left: 1.4rem;
}

a {
  text-decoration: none;
  transition: color 0.3s ease;
}