html { font-size:18px; }
body { margin-bottom:0px; padding-top:0px; padding-bottom:0px; font-size:62.5%; padding-bottom:60px; /* sets font size to about 10px */ }
h1 { font-size: 3rem; font-family: 'Oswald', sans-serif; color: #cbbfbc; margin-top:0px; margin-bottom:30px; letter-spacing: -2px; }
h2 { font-size: 1.5rem; font-family: 'Oswald', sans-serif; color: #cbbfbc; }
h3 { font-size: 0.8rem; font-family: 'Oswald', sans-serif; color: #726967; letter-spacing:0.3px; line-height:0%; margin-bottom:15px; }
h4 { font-size: 0.55rem; font-family: 'Khula', sans-serif; color: #726967; letter-spacing:0.3px; line-height:100%; margin-bottom:12px; }
p { font-size: 0.75rem; font-family: 'Lora', serif; color: #726967; letter-spacing:0px; line-height:140%; margin-bottom:20px; }
li { font-size: 1rem; font-family: 'Lato', sans-serif; color: #7A7878; }
.centertext { text-align:center !important; }
.verticalHeader { writing-mode: vertical-lr; webkit-writing-mode: vertical-lr; text-orientation: sideways-right; float: left; font-family: 'Montserrat', sans-serif; color: #e0dddc; font-size: 2.75rem; letter-spacing:0px; padding: 0 0 0 0 !important; line-height:100%; }
/* ============ SITE SKELETON ============ */
.SiteStyle { background-color: #faf6f5; padding: 0px !important; }
.HeaderStyle { width:100%; background-color: #fff; padding-top: 30px; padding-bottom:0px; border-bottom: 1px solid #d9d9d9; }
.NavStyle { padding: 0 !important; margin: 0px !important; }
.nav { margin-top:30px; }
.navbar { border: 0px solid #fff; }
.nav_img { width:110px; height: auto; min-height:10px; display:block; overflow:none; padding: 0 0 10px 0 !important; margin:10px 0 0 0; }
.navbar-nav > li { font-size: 1.2rem; padding: 0px 0px 10px 0px; line-height:1; }
.navbar-header { width: 100%; }
.ContentStyle { padding: 30px 0 180px 0 !important; }
.ContentPad { padding-top:0px; }
.ContentCellFirst { padding-top: 0px !important; }
.ContentCell { padding-top: 30px !important; }
.ContentRow { padding-bottom: 0px !important; }
.PadTop { padding-top: 30px !important; }
.FooterStyle { width:100%; background-color: #fff; padding-top: 20px; padding-bottom:0px; border-top: 1px solid #d9d9d9; }
.FooterCopyright { width:100%; font-family: 'Lato', sans-serif; color: #B2B2B2; text-align:left; font-size: 0.7rem; letter-spacing:0px; text-align: center; }
.FooterImg { width:9%; height: auto; min-height:10px; display:block; overflow:none; padding: 0 0 0 0 !important; margin:20px 45.5% 0 45.5%; }
.bgred {background-color: red; }
.nopad { padding: 0 !important; margin: 0 !important; }
.emphasis { color: #ef970d; }
a:link { color: #000; text-decoration: none; }
a:visited { color:#000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
.mailto { text-decoration: none; font-family:"arial"; }
a.mailto:link { text-decoration: none; color:#000; }
a.mailto:visited { text-decoration: none; color:#000; }
a.mailto:hover { text-decoration: none; color:#000; }
a.mailto:active { text-decoration: none; color:#000; }
img { max-width:100%; height: auto; width: auto\9; /* ie8 */ border: 1px solid #d9d9d9; }
.border0 { border: 0px solid #fff !important; }
.dropshadow { -webkit-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); }
#gallery_img { position:relative; float:left; width:100%; height: auto; min-height: 10px; display:block; overflow:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
@media screen and (min-width: 480px) {
h1 { font-size: 4.5rem; margin-bottom:60px; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.2rem; margin-bottom:25px; line-height:0%; }
h4 { font-size: 0.6rem; margin-bottom:15px; line-height:0%; }
p { font-size: 0.85rem; letter-spacing:0px; line-height:160%; }
li { font-size: 1rem; color: #ab9c96; }
.verticalHeader { writing-mode: vertical-lr; font-size: 3rem; letter-spacing:-2px; line-height:100%; }
.navbar-header { width: 100%; }
.navbar-nav > li { font-size: 1.2rem; padding: 0px 0px 8px 0px; line-height:1; }
.nav_img { width: 110px !important; padding: 0 0 10px 0 !important; margin:10px 0 0 0; }
.navbar .nav > li > a, .navbar .nav > li > a:first-letter, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a { padding: 2px 5px 3px 5px !important; margin: 0px 0px 0px 0px !important; }
.FooterImg { width:6%; margin:20px 47% 0 47%; }
.ContentStyle { padding: 0px 0 240px 0 !important; }
.ContentPad { padding-top:60px; }
.ContentRow { padding-bottom: 0px !important; }
.ContentCell { padding-top: 60px !important; }
}
@media screen and (min-width: 768px) {
h1 { font-size: 5rem; margin-bottom:60px; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1rem; margin-bottom:20px; line-height:0%; }
h4 { font-size: 0.55rem; margin-bottom:12px; line-height:0%; }
p { font-size: 0.9rem; letter-spacing:0px; line-height:160%; }
li { font-size: 1rem; color: #ab9c96; }
.verticalHeader { writing-mode: vertical-lr; font-size: 4rem; letter-spacing:-2px; line-height:100%; }
.navbar-header { width: 120px !important; }
.navbar-nav > li { font-size: 0.88rem; padding: 0px 0px 0px 0px; line-height:1; }
.nav_img { width: 120px !important; padding: 0 0 0 0 !important; margin:10px 0 0 0; }
.navbar .nav > li > a, .navbar .nav > li > a:first-letter, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a { padding: 2px 5px 3px 5px !important; margin: 0px 0px 0px 0px !important; }
.FooterImg { width:4%; margin:20px 48% 0 48%; }
.ContentStyle { padding: 30px 0 240px 0 !important; }
.ContentPad { padding-top:30px; }
.ContentRow { padding-bottom: 40px !important; }
.ContentCell { padding-top: 0px !important; }
}
@media screen and (min-width: 992px) {
h1 { font-size: 6rem; margin-bottom:60px; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.1rem; margin-bottom:23px; line-height:0%; }
h4 { font-size: 0.6rem; margin-bottom:15px; line-height:0%; }
p { font-size: 0.975rem; letter-spacing:0px; line-height:160%; }
li { font-size: 1rem; color: #ab9c96; }
.verticalHeader { writing-mode: vertical-lr; font-size: 5rem; letter-spacing:-2.5px; line-height:100%; }
.navbar-header { width: 140px !important; }
.navbar-nav > li { font-size: 1rem; padding: 0px 0px 0px 0px; line-height:1; }
.nav_img { width: 140px !important; padding: 0 0 0 0 !important; margin:6px 0 0 0; }
.navbar .nav > li > a, .navbar .nav > li > a:first-letter, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a { padding: 2px 8px 3px 8px !important; margin: 0px 0px 0px 0px !important; }
.FooterImg { width:3%; margin:20px 48.5% 0 48.5%; }
.ContentStyle { padding: 60px 0 240px 0 !important; }
.ContentPad { padding-top:30px; }
.ContentRow { padding-bottom: 40px !important; }
.ContentCell { padding-top: 0px !important; }
}
@media screen and (min-width: 1200px) {
h1 { font-size: 7rem; margin-bottom:60px; }
h2 { font-size: 1.75rem; }
h3 { font-size: 1.2rem; margin-bottom:25px; line-height:0%; }
h4 { font-size: 0.6rem; margin-bottom:15px; line-height:0%; }
p { font-size: 1rem; letter-spacing:0px; line-height:160%; }
li { font-size: 1rem; color: #ab9c96; }
.verticalHeader { writing-mode: vertical-lr; font-size: 6rem; letter-spacing:-3px; line-height:100%; }
.navbar-header { width: 150px !important; }
.navbar-nav > li { font-size: 1rem; padding: 0px 0px 0px 0px; line-height:1; }
.nav_img { width: 150px !important; padding: 0 0 0 0 !important; margin:2px 0 0 0; }
.navbar .nav > li > a, .navbar .nav > li > a:first-letter, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a { padding: 2px 12px 3px 12px !important; margin: 0px 0px 0px 0px !important; }
.FooterImg { width:2%; margin:20px 49% 0 49%; }
.ContentStyle { padding: 30px 0 240px 0 !important; }
.ContentPad { padding-top:60px; }
.ContentRow { padding-bottom: 60px !important; }
.ContentCell { padding-top: 0px !important; }
}