.site-grid {grid-template-columns: [full-start] minmax(0, 1fr) [main-start] minmax(0, 16.875rem) repeat(2, minmax(0, 12.875rem)) minmax(0, 16.875rem) [main-end] minmax(0, 1fr) [full-end];
}

hr {
    width:100%;
    height:25px;
    margin:0 auto;
}

.container-header {
  background-color: #fff;
  /*    background-color: #323232; */
  background-image: none; }
/*    background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-hover) 100%);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;*/

.footer {
    font-family: "Segoe UI";
    font-size: 1em;
    margin-top: 1em;
    color: #f8e0fc;
    background-color: #864B8F;
    background-image: none;
}

.container-header nav {
  height: 10px;
  padding: 0;
  margin-top: -1.25em;
  margin-bottom: -.75em;
}

body {
  margin: 0;
  font-family: var(--cassiopeia-font-family-body, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: #22262a;
  background-color: white;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

h1 {font-size: 2rem}
h2 {font-size: 1.375rem}
h3 {font-size: 125%}