*
{
box-sizing: border-box;
}

html
{
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}

body
{
margin: 0;
background: #000 url(bg-splash.png) no-repeat fixed;
background-position: left 33%;
background-size: cover;
color: #fff;
min-width: 100vw;
min-height: 100vh;
font: 21px/1.3 "Playfair Display", Georgia, serif;
font-variant-numeric: lining-nums;
letter-spacing: -.5px;
}


a
{
color: #fff;
letter-spacing: -.25px;
}

nav
{
background-color: #000;
width: 22vw;
padding: 1rem 2rem 2rem 2.7rem;
margin-left: 7vw;
min-height: 100vh;
min-width: 14.5em;
}

nav a
{
text-decoration: none;
}

header
{
background: url(tgod-titlelettering-withname.png) no-repeat center;
background-size: cover;
  height: 30vmin;
  width: 30vmin;
  max-height: 180px;
  max-width: 180px;
  min-height: 140px;
  min-width: 140px;
margin: 0 auto;
}


#header-it
{
background-image: url(https://thegiftsofdarkness.com/it/layout/tgod-titlelettering-it.png);
  height: 37vmin;
  max-height: 223px;
  min-height: 173px;
}


header strong
{
visibility: hidden;
}

p, span
{
font-size: .9rem;
letter-spacing: 0;
}

span
{
text-transform: lowercase;
color: #e0bf85;
}

span:before
{
content: "\2058\00A0";
position: relative;
bottom: .1rem;
}

p
{
margin: 1rem auto;
}

ul
{
padding-left: 0rem;
margin-left: -.75rem;
list-style-type: none;
}

nav a
{
-webkit-transition: all 0.1s ease-out; 
-moz-transition: all 0.1s ease-out; 
-o-transition: all 0.1s ease-out; 
transition: all 0.1s ease-out;
padding: 0 .4rem;
}

nav a:before
{
content: "\2022";
font-size: 1.7rem;
margin-right: .4rem;
line-height: 0;
display: inline-block;
}



nav a:hover
{
background-color: #fff;
color: #000;
}

/***** RESPONSIVITY *****/


@media all and (max-width: 1300px) {
nav
{
width: 30vw;
}
}


@media all and (max-width: 1000px) {

body
{
background-position: 33% center;
}

nav
{
width: 45vw;
margin-left: 0;
}
}

@media all and (max-width: 700px) {
body
{
background-size: 182%;
background-position: center -11%;
background-attachment: scroll;
min-height: 0;
}

nav
{
width: 100vw;
margin-top: 21rem;
min-height: 100vh;
padding: 1rem 15vw;
min-height: 0;
}

p
{
margin: 1rem auto;
}
}