* {
  box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  height: 100%; }

body {
  min-height: 100%;
  font-size: 62.5%;
  background-color: #141720;
  font-family: 'Source Sans Pro', sans-serif;
  color: #F7F7F6;
  display: flex;
  flex-direction: column; }
  body.page--detail .site__title {
    margin-top: 0; }

h1 {
  font-size: 35px; }

h1, h2, h3, h4, h5, .title {
  font-family: 'Rufina', serif; }

h2, h3, .title {
  color: #F79E77 !important; }

.site__navigation_items h3 {
  color: black !important; }

h4 {
  color: #7CCDB9 !important; }

h5, h6 {
  color: #5D6BCF !important; }

h5 {
  font-weight: 800 !important; }

h6 {
  font-weight: 400 !important;
  margin-top: 0 !important; }

h5, h6 {
  font-size: 0.9em !important; }

a {
  text-decoration: none;
  color: #5D6BCF;
  font-weight: 700; }
  a:hover {
    text-decoration: underline; }

footer {
  background-color: #1C1F2A;
  display: flex;
  padding: .5rem 2rem;
  font-size: 1rem;
  font-weight: 300; }
  footer .footer__content {
    width: 60%; }
  footer .footer__logo {
    width: 40%;
    text-align: right;
    align-self: center;
    margin-top: 0.5rem 0 -0.5rem 0; }

.hidden {
  opacity: 0; }

.marginTop6 {
  margin-top: 60px; }

.marginTop0 {
  margin-top: 0px; }

.marginTopNeg {
  margin-bottom: 15px; }

.separator {
  margin-top: 120px; }