body                        { background-color: #bebebe; font-family: "Playfair Display", "Times New Roman", serif; color: #ffffff; overflow-x: hidden; }
a, a:visited                { color: #fff; text-decoration: none; }
a:hover, a:active, a:focus  { color: #999; }

div.bg                      { position: fixed; bottom 0; width: 100%; overflow: none; }
div.bg img                  { position: fixed; bottom: 0; width: 100%; }
.container                  { max-width: 1100px; }
.the-spacer                 { padding-bottom: 20%; height: 0; width: 100%; }

.nav ul                     { text-align: center; }
.nav .the-line              { border-bottom: solid #B9B9B9 3px; margin: -20px -10% 40px -10%; }
.nav ul li                  { list-style-type: none; display: inline-block; text-transform: uppercase; padding-right: 50px; font-size: .9em; }
.nav ul li:last-of-type     { padding: 0; }

.main-content               { -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; text-align: justify; width: 80%; margin: 0 auto 50px; line-height: 1.8em; }
.main-content > div         { margin: 40px 0; font-style: italic; }
.main-content > p, 
.main-content > div > p     { margin-bottom: 15px; }
.main-content p.end-credit  { font-size: .9em; font-style: italic; text-align: right; }

.the-title                  { width: min-width: 40%; max-width: 100%; margin: 0 auto; min-height: 180px; margin-bottom: 40px; text-align: center; position: relative; }
.the-title .color           { text-transform: uppercase; font-weight: bold; letter-spacing: 3px; color: #B9B9B9; font-size: 6em; outline: 0; position: absolute; top: 0; left: 0; right: 0; z-index: 3; font-family: "Libre Baskerville", "Times New Roman", serif; }
.the-title .title-name      { text-transform: lowercase; font-style: italic; font-size: 2em; font-weight: 400; position: absolute; top: 40px; left: 0; right: 0; z-index: 5; }
.the-title .tagline         { font-style: italic; font-size: 1.1em; position: absolute; bottom: 0; left: 0; right: 0; }

@media (max-width: 880px)   { .nav ul li { text-align: left; width: 170px; padding: 0; }  }
/* @media (max-width: 1290px and min-width: 800px)   { .nav ul li:nth-of-type(6) { padding-right: 0; } .nav ul li:nth-of-type(7) { padding-right: 0; } } */