/* Change some root color and settings of the document

:root {
  --cassiopeia-color-primary: #373679;
  --cassiopeia-color-link: #0000ff;
  --cassiopeia-color-hover: #268385;

  --cassiopeia-font-family-body: "Roboto", sans-serif;
  --cassiopeia-font-family-headings: "Roboto", sans-serif;
  --cassiopeia-font-weight-headings: 700;
  --cassiopeia-font-weight-normal: 400;
}
*/

#back-top { position: fixed; }

.container-component {
  padding-left: 1rem;
  padding-right: 1rem;
}

.container-bottom-b {
  display: block;
}

.container-header nav {
  font-variant: small-caps;
}

footer div.mod-footer {
    display: block;
}

footer div.mod-footer div {
    margin: 2rem;
}

@media (min-width: 1024px) {
    footer div.mod-footer {
        display: inline-block;
    }
}