@font-face {
font-family: 'riverbank';
font-style: normal;
font-weight: 100;
src: url('/fonts/handmade.otf') format('opentype');
}

@font-face {
font-family: 'midnight';
font-style: normal;
font-weight: 100;
src: url('/fonts/midnight.otf') format('opentype');
}




.header {width:100%;position:fixed; top:0; left:0; z-index:100; background-color:#ffffff; box-sizing:border-box; border-bottom:2px solid #333;}
.footer {width:100%;position:fixed; bottom:0; left:0; z-index:100; background-color:#ffffff; box-sizing:border-box; border-top:2px solid #333; text-align:center;}

.to_book {position:absolute; text-align:center;}

.page_content {position:absolute; z-index:10;}
.popup {display:none;}

body {color:#333; font-family:verdana;}
h1, h2 {font-family:riverbank;}
h3 {font-weight:bold;}
p {font-family:verdana;}

hr {border-style:solid!important; border-color:#333!important; height:0px!important;}


.images {text-align:center;}
.images > div {display:inline-block; padding:5px;  box-sizing:border-box; margin-bottom:10px;}
.framed img {width:100%;box-sizing:border-box; box-shadow:2px 2px 2px 1px #888;}
.image {position:relative;}


.fade {display:none!important;}



/* desktop */
#desktops{}
@media screen and (min-width : 1024px)
{

h1 {font-size:30pt; margin-bottom:10px; text-align:center;}
h2 {font-size:16pt; text-align:center;}
h3 {font-size:25pt; margin:0 20px;} 
p {font-size:20pt; margin:0 20px 25px 20px;}

hr {margin:25px 0 25px 25px;}

.header {padding:10px; height:120px; }
.footer {height:30px; padding:5px; font-size:13pt; font-weight:bold;}
.footer div {display:inline-block; padding:0 3px;} 

.to_book {bottom:15px; right:30px;font-size:12pt;}
.to_book .tel {font-size:23pt; line-height:25pt; margin-top:10px;}
.to_book .email {font-size:14pt; line-height:15pt; margin-top:5px;}
.to_book a {color:blue;}

.page_content {margin-top:110px; padding-bottom:100px;}

.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:40%; max-width:600px;}
.images.small > div {width:27%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}   

}


@media screen and (min-width : 801px) and (max-width : 1023px)
{

h1 {font-size:25pt; margin-bottom:5px; text-align:center;}
h2 {font-size:13pt; text-align:center;} 
h3 {font-size:18pt; margin:0 20px;}    
p {font-size:16pt; margin:0 20px 25px 20px;}

hr {margin:25px 0 25px 25px;}

.header {padding:10px; height:100px; }
.footer {height:30px; padding:5px; font-size:13pt; font-weight:bold;}
.footer div {display:inline-block; padding:0 3px;} 

.to_book {bottom:10px; right:10px;font-size:12pt;}
.to_book .tel {font-size:15pt; line-height:18pt; margin-top:7px;}
.to_book .email {font-size:12pt; line-height:13pt; margin-top:4px;}
.to_book a {color:blue;}

.page_content {margin-top:90px; padding-bottom:80px;}

.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:40%; max-width:600px;}
.images.small > div {width:40%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}   
    
    
 }   



@media screen and (min-width : 550px) and (max-width : 800px)
{

h1 {font-size:25pt; margin-bottom:5px;}
h2 {font-size:13pt;}   
h3 {font-size:16pt; margin:0 10px;}   
p {font-size:14pt; margin:0 10px 15px 10px;}

hr {margin:10px 0 15px 10px;}

.header {padding:10px; height:100px; }
.footer {height:30px; padding:5px; font-size:13pt; font-weight:bold;}
.footer div {display:inline-block; padding:0 3px;} 

.to_book {bottom:10px; right:10px;font-size:10pt;}
.to_book .tel {font-size:15pt; line-height:18pt; margin-top:2px;}
.to_book .email {font-size:11pt; line-height:13pt; margin-top:2px;}
.to_book a {color:blue;}

.page_content {margin-top:100px; padding-bottom:80px;}

.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:40%; max-width:600px;}
.images.small > div {width:40%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}   
    
   
   
   }
   
@media screen and (max-width : 549px)
{
.not_for_phones {display:none;}
h1 {font-size:25pt; margin-bottom:5px; text-align:center;}
h2 {font-size:13pt; text-align:center;}   
h3 {font-size:16pt; margin:0 10px;}   
p {font-size:12pt; margin:0 5px 15px 5px;}

hr {margin:10px 0 15px 10px;}

.header {padding:10px; height:145px; }   
.footer {height:45px; padding:5px; font-size:10pt; font-weight:bold; background-color:#333;  color:#fff;}


.to_book {width:100%; bottom:0px; right:0px;font-size:12pt; border-top:2px solid #333; background-color:#333; font-weight:bold; color:#fff;}
.to_book > div {display:inline-block; width:100%; max-width:350px;}   
.to_book .tel {display:inline-block;}
.to_book .email {display:inline-block; padding:0 5px;}
.to_book a {color:yellow;}

.page_content {margin-top:145px; padding-bottom:80px;}

.images.large > div {width:80%; max-width:800px;}
.images.medium > div {width:50%; max-width:600px;}
.images.small > div {width:50%; max-width:400px;}
.images.very_small > div {width:20%; max-width:300px;}
.framed img {padding:20px;}  
    

.splash_image {height:184px; max-width:100vw; display:flex; justify-content: center; overflow:hidden;}
.splash_image img {height:100%; width:auto!important;} 
    
}