:root {

  --font-size-sm: 1.15em;
  --font-size-std: 1.25em;

  --font-size-xs: 0.8em;
  --font-size-s: 1.0em;
  --font-size-l: 1.35em;
  --font-size-xl: 1.5em;


  --font-line-height-sm : 1.25;
  --font-line-height-std : 1.5;
  --font-line-height-l : 1.65;
  --font-line-height-xl : 1.85;

  --font-family-1: "Georgia", serif;
  --font-family-2: "Garamond", serif;
  --font-family-3: "Courier New", serif;
  --font-family-4: "Courier New", monospace;
  --font-family-5: "Open Sans", monospace;

}

body {
  word-wrap: break-word;
  font-family: var(--font-family-5);
}

h1 {
  font-size:2em;
}

@media (max-width:500px){
  p {
    font-size : var(--font-size-s);
    line-height: var(--font-line-height-sm);
  }

  .services {
    ul {
      font-size : var(--font-size-s);
      line-height: var(--font-line-height-sm);
    }
  }
}

@media (min-width:500px){
  p {
    font-size : var(--font-size-sm);
    line-height: var(--font-line-height-sm);
  }

  .services {
    ul {
      font-size : var(--font-size-sm);
      line-height: var(--font-line-height-sm);
    }
  }
}

@media (min-width:1080px){
  p {
    font-size : var(--font-size-std);
    line-height: var(--font-line-height-std);
  }
  .services {
    ul {
      font-size : var(--font-size-std);
      line-height: var(--font-line-height-std);
    }
  }
}

@media (min-width:1600px){
  p {
    font-size : var(--font-size-l);
    line-height: var(--font-line-height-l);
  }

  .services {
    ul {
      font-size : var(--font-size-l);
      line-height: var(--font-line-height-l);
    }
  }
}

.text-center {
  text-align: center;
}

.summary-h2 {
  font-size : var(--font-size-l);
}

.summary-h3 {
  font-size : var(--font-size-std);
}

.sidebar-fixed {
  font-size : var(--font-size-l);
}

div.card-static > p {
  font-size : var(--font-size-s);
}

.accordion details p {
  font-size: var(--font-size-s);
  line-height: 1.5;
}

p.contact {
 a {
  font-size: 0.8em;
 }
 i {
  display: inline-block;
 }
}