* {margin: 0; padding: 0;}

html, body {
    background: #000000;
    font-family: 'Cormorant Garamond', serif;
    font-weight: 400;
    color:  #ffffff;
    height:  100%;
}

input.no-outline:focus, textarea.no-outline:focus, select.no-outline:focus {
    outline: none;
}
a { 
    text-decoration: none !important; 
    color:  rgba(255,255,255, 0.4);
}
a:visited { color:  rgba(255,255,255, 0.4) !important }
a:active,
a:hover   { color:  rgba(255,255,255, 0.8) !important }

.text .quote,
p {
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    margin: .5em 0;
}
p + p {
    text-indent: 20px;
}


#page {
    opacity: 0;
    height:  100%;
}
.content { 
    position:  absolute;
    height:  100%;
    margin-left: 50%;
}
.content-wrap { 
    height:  100%;
    margin-left: -400px;
    width:  800px;
    padding:  20px 0 100px;
}

h1 {
    margin:  30px;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    font-style: italic;
}
h2 {
    margin:  70px 30px 30px;
    text-align: center;
    font-size: 32px;
    font-weight: normal;
    font-style: italic;
}
h2 span {
    display: inline-block;
    background: #000000;
    padding:  0 20px;
}
h2 .hr {
    height:  1px;
    margin:  0 40px -20px;
    background: rgba(255,255,255, 0.25);
}
h2 img { 
    height: 80px;
    margin-top: -20px;
}
h3 {
    margin:  0px 0px 20px;
    text-align: center;
    font-size: 24px;
    font-weight: normal;
    font-style: italic;
    text-indent: 0;
}

.text {
    margin:  50px 150px;
    font-size: 18px;
    line-height:  28px;
    color:  rgba(255,255,255, 0.5);
    text-align: justify;
    text-indent: 40px;
}

.z {
    clear:  both;
    height:  1px;
    margin-bottom: -1px;
}