html {
  height: 100vh;
}

body:before {
  content: '';
  background: url('/img/background.jpg') no-repeat center center/cover fixed;
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: -1;
  height: 100vh;
  opacity: 0.5;
}

body {
  background: rgba(255,255,255,0.5);
}

main {
}

.text-smallcaps {
    font-variant: small-caps;
}


header h1 {
    font-family: 'Merriweather', serif;
    font-variant: small-caps;
    font-size: 2.8em;
}

.rome-red {
    color: #ac2b2b
}
.rome-red-dark {
    color: #851619
}
.bg-rome-red {
    background-color: #ac2b2b
}
.bg-rome-red-dark {
    background-color: #851619;
}