@charset "utf-8";
/* CSS Document */



/* Tablet (Portrait), Design for a width of 768px */
@media (min-width: 768px) and (max-width: 1023px) {

.flickerplate { height:500px;}
#menu a { text-transform:none; padding: 0 12px;}
H3 { font-size:30px; line-height: 30px; height: 100%; padding: 20px 0 30px 0;  }

#page_container { width:600px; }
#page_left { width: 300px; float:left; }
#page_right { width: 300px; float:right;}
#page_right img { max-width:80%; height:auto; }

#accommodation_left img, #accommodation_right img { max-width:100%; height:auto; }

#post_comment_wrapper {	width: 300px !important ;}
#post_comment_wrapper input[type=text], #post_comment_wrapper textarea { border: 1px solid #c6c6c6; float: left; width: 223px !important;}

#footer_logos { text-align:center; }

}

@media screen and (min-width: 767px) {

	/* ensure #nav is visible on desktop version */
	#menu { display: block !important;}



}



/* Mobile (Landscape), Design for a width of 480px */
@media (min-width: 557px) and (max-width: 767px) {

H1 { font-size:26px; line-height:26px; }
H2 { display:none}
H3 { font-size:30px; line-height: 30px; height: 100%; padding: 20px 0 30px 0;  }

.flickerplate { height:500px;}

#page_container { width:80%; }
#page_left { position:relative; float:left; width: 100%;}
#page_right { position:relative; float:right; width: 100%; text-align:center; padding:30px 0 30px 0; }
#page_right img { max-width:100%; height:auto; }

#accommodation_left, #accommodation_right { width:100%; text-align:center}
#accommodation_left img, #accommodation_right img { max-width:100%; height:auto; }

#menu_wrapper {	padding-left:0px; width: 100%; text-align:left; z-index: 15; }
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#6e552c; width: 398px; text-shadow: 1px 1px 1px #fff; line-height: 42px; background: #e4d1a0 url(plus-minus.png) no-repeat 12px 0px; padding: 0px 0px 0px 35px; margin: 0 auto; cursor: pointer; display: block; /* show menu icon */ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#menu-icon:hover { background-color: #c71e2b ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #c71e2b url(plus-minus.png) no-repeat 12px -47px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu { clear: both; position: relative; top: 0px; width: 398px; z-index: 10000; padding: 5px; background: #fff; display: none; margin-bottom:20px;}
#menu li { clear: both; float: none; margin: 5px; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#6e552c; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; background-color:#f7f2e8; line-height:42px; }
#menu a:hover, #menu ul a:hover {	background-color: #ebdfc5; color: #303030; background-image:none !important }
ul#menu li:hover { background:none; }

body#current #current a { background-color:#e0cda4; color: #303030; }

#post_comment_wrapper {	width: 100% !important ;}
#page_gallery { position:relative; width:100%; text-align:center; margin-top:40px;}
#contact input, textarea, select, subject { width: 100% !important;}

#footer_logos { text-align:center; }
ul#footer_links li { float:none; display: block; border-bottom:1px dotted #3e0707}


}





/* Mobile (Portrait), Design for a width of 320px */
@media (max-width: 556px) {

H1 { font-size:26px; line-height:26px; }
H2 { display:none}
H3 { font-size:30px; line-height: 30px; height: 100%; padding: 20px 0 30px 0;  }

#page_container { width:80%; }
#page_left { position:relative; float:left; width: 100%;}
#page_right { position:relative; float:right; width: 100%; text-align:center; padding:30px 0 30px 0; }
#page_right img { max-width:100%; height:auto; }

#accommodation_left, #accommodation_right { width:100%; text-align:center}
#accommodation_left img, #accommodation_right img { max-width:100%; height:auto; }

#menu_wrapper {	padding-left:0px; width: 100%; text-align:left; z-index: 15; }
#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#6e552c; width: 238px; text-shadow: 1px 1px 1px #fff; line-height: 42px; background: #e4d1a0 url(plus-minus.png) no-repeat 12px 0px; padding: 0px 0px 0px 35px; margin: 0 auto; cursor: pointer; display: block; /* show menu icon */ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#menu-icon:hover { background-color: #c71e2b ; color:#fff; text-shadow: 1px 1px 1px #000;}
#menu-icon.active {	background: #c71e2b url(plus-minus.png) no-repeat 12px -47px; color:#fff; text-shadow: 1px 1px 1px #000}
#menu { clear: both; position: relative; top: 0px; width: 238px; z-index: 10000; padding: 5px; background: #fff; display: none; margin-bottom:20px;}
#menu li { clear: both; float: none; margin: 5px; }
#menu a, #menu ul a { font-family: 'Oswald', Arial; font-size: 16px; color:#6e552c; text-shadow:none; background: none; display: block; text-align:left; border: none;	-webkit-border-radius:0px !important; -moz-border-radius:0px !important; border-radius:0px !important; background-color:#f7f2e8; line-height:42px; }
#menu a:hover, #menu ul a:hover {	background-color: #ebdfc5; color: #303030; background-image:none !important }
ul#menu li:hover { background:none; }

body#current #current a { background-color:#e0cda4; color: #303030; }

.flickerplate { height:300px;}

#post_comment_wrapper {	width: 100% !important ;}
#page_gallery { position:relative; width:100%; text-align:center; margin-top:40px;}

#contact_left {width:100%; float:left; text-align:center; margin-bottom:40px;}
#contact_right { width:100%; float:left; text-align:center}
#contact input, textarea, select, subject { width: 100% !important;}

#footer_logos { text-align:center; }
ul#footer_links li { float:none; display: block; border-bottom:1px dotted #3e0707}


}

@media (max-width: 300px) {
body { overflow-x: visible  }

#menu-icon { font-family: 'Oswald', Arial; font-size: 24px; color:#6e552c; width: 160px; text-shadow: 1px 1px 1px #fff; line-height: 42px; background: #e4d1a0 url(plus-minus.png) no-repeat 12px 0px; padding: 0px 0px 0px 35px; margin: 0 auto; cursor: pointer; display: block; /* show menu icon */ -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;}
#menu { clear: both; position: relative; top: 0px; width: 160px; z-index: 10000; padding: 5px; background: #fff; display: none; margin-bottom:20px;}
#footer_logos img, #footer img { max-width:90%; height:auto; }

}