body {
background:#e6e1cd url(bg.jpg) repeat; 
font:22px/26px 'PT Serif', "lucida sans unicode", "lucida grande", helvetica, arial, verdana, sans-serif;
color:#07091d;
margin:0;
padding:0;
}

div#container {
margin:0 auto;
width:1077px;
}

header {
margin:0px auto 0;
width:1077px;
height:664px;
text-align:center;
position:relative;
}

header img {
margin:0 auto !important;
border:0 !important;
padding:0 !important;
display: block;
max-width:100%;
height: auto;
}

header a img { 
border:0;
background:none;
margin:0;
padding:0;
}

nav {
margin:0 auto 10px;
}

nav ul { 
margin:0;
text-align:center;
}

nav ul li {
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

nav ul li:first-child { border-left:0; }

nav ul li a {
font:36px  'Oranienbaum', "Open Sans Condensed", georgia, 'times new roman', serif;
font-weight:700;
color:#888;
text-decoration:none;
text-transform:uppercase;
padding:10px 40px 5px;
text-shadow:0 2px 2px #fff;
transition:color 0.5s ease, background 0.5s ease;
}

nav ul li a:hover { color:#040413; background:#fff; }

main {
margin:0 auto 0;
padding:20px 40px 5px;
width:1000px;
text-align:left;
}

h1 {
margin:0 0 -10px;
font: italic 35px 'Playfair Display', 'lucida sans unicode', arial, sans-serif;
color:#444;
font-weight:700;
text-transform:lowercase;
text-shadow:0px 2px 2px #fff;
}

h2, h4 {
margin:0px 0px -10px;
font: italic 30px 'Playfair Display', 'lucida sans unicode', arial, sans-serif;
color:#555;
font-weight:700;
text-transform:lowercase;
text-shadow:0px 2px 2px #fff;
}

blockquote + h2 { margin-top:20px; }

h3 {
margin:-10px 0px -5px;
font: 25px 'Oranienbaum', 'lucida sans unicode', arial, sans-serif;
color:#333;
text-align:center;
text-transform:lowercase;
clear:both;
text-shadow:0px 2px 2px #fff;
}

a { color:#917069; font-weight:bold; cursor:crosshair; transition:color 0.5s ease; }
a:hover { color:#000; }


b, strong { font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; color:#833c38; font-weight:700; }
i, em { font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; color:#684b45; font-weight:700; }
.center { text-align:center; }
p.right { text-align:right; font-size:14px; line-height:18px; padding-bottom:0; clear:right; }
p.big { font-size:26px; line-height: 32px;}
span { color:#555; font-weight:700; font-family:'Playfair Display', 'lucida sans unicode', arial, sans-serif; }


blockquote {
background:url(qbg.png) repeat-y top left;
margin:10px -10px 0;
padding-left:200px;
}
blockquote p { margin:0 !important; padding:0 5px; }
blockquote:hover { background:url(qbg.png) repeat-y top left;
background-color:#fff; }



img, a img { border:1px solid #fff; padding:5px; margin-right:6px; background:#fff; transition:border 0.5s ease, background 0.5s ease; }
img:hover { border-color:#000; background:#000; }
img.right { float:right; margin:0px 0px 5px 8px; }
img.left { float:left; margin:0px 5px 5px 0px; }

/*.fancybox-image, .fancybox__footer img, .fancybox__footer a img {
background:none !important;
border:none !important;
}*/


ul.nav li { 
list-style-type:none;
display:flex;
flex-flow:row wrap;
padding:0;
margin:0;
}

ul.nav li {
margin: 0 auto;
justify-content: center;
text-align:center;
}

ul.nav li a {
font:36px  'Oranienbaum', "Open Sans Condensed", georgia, 'times new roman', serif;
font-weight:700;
color:#888;
width:500px;
text-decoration:none;
text-transform:uppercase;
padding:10px 0px 5px;
text-shadow:0 2px 2px #fff;
transition:color 0.5s ease, background 0.5s ease;

}

ul.nav li a:hover { color:#040413; background:#fff; }



ol.arrange, blockquote.tl { font-size:16px; line-height:20px; }

hr.big {
border:0;
background:url(hr.png) center no-repeat;
height:59px;
}

hr.small {
border:0;
background:url(minihr.png) center no-repeat;
height:81px;
}

.help {
cursor:help;
}

/* responsive */


@media (max-width:420px) {

    header 
    {
    width:90%;
    height:auto;
    }
    

    div#container {
    width:90%;
    margin:0px auto !important;
    padding:0px 0px !important;
    }

    section {
    margin:0px auto;
    width:90%;
    padding:5px;
    }
    
    nav ul li a, h1 { font-size:18px !important; }
    
    p.q { font-size:18px; line-height:20px; }

}

@media (min-width:420px) and (max-width:768px) {

    header {
    width:100%;
    height:auto;
    }
    

    div#container {
    margin:0px auto;
    width:100%;
    }

    section {
    margin:0px auto;
    width:90%;
    }
    
    nav ul li a, h1 { font-size:22px !important; }

    
}

@media (min-width:768px) and (max-width:1200px) {

    header {
    width:100%;
    height:auto;
    }
    
    
    div#container {
    width:80%;
    }

    section {
    float:none !important;
    margin:0px auto;
    clear:both;
    width:90%;
    }
    
}


@media (min-width:1200px) and (max-width:1450px) {


    div#container {
    width:80%;
    }

    section {
    float:none !important;
    margin:0px auto;
    clear:both;

    }
    

}