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

.logo {margin:0 15px 0 20px;}

header h1 {margin:10px 0 5px;}

nav {padding: 0;}
	
nav ul {vertical-align: top;}
nav:hover ul {margin-top:0;}
nav ul li {display:none; margin: 0;}  
nav:hover li {display:block; list-style: outside none none;}
nav ul ul {margin-left:150px;}
	  
nav ul ul li {
	float:none;
	display:list-item;
	position: relative;
	margin-left:0;}
	
nav a, nav a:link, nav a:visited {padding:11px 15px; margin:0 auto 0 0;} 
  
 .menu {display:inline-block;}	

#appointment {
	font-size:95%;
	width:auto; 
	margin:15px 20px 0 0;
	position:relative;
	float:left;}
	
#content {margin: 30px 0 0;}
.item_container {margin: 0 30px;}

 .googlemap {
        position: relative;
        padding-bottom: 75%; /* 4:3 ratio*/
        height: 0;
        overflow: hidden;}

.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;}


@media (max-width: 730px) {
.logo {width:20%;}
#appointment {float:left;}
}

@media (max-width: 650px) {
header h1 {font-size:215%;}
header h2 {font-size:125%;}

#appointment {font-size:95%;}

.photo {
	float:none;
	width:50%;
	margin:0 25% 20px;}
}

@media (max-width: 560px) {
.logo {float:none; margin:0 40%;}

header h1, header h2 {text-align:center;}
header h1 {margin:0;}

#appointment {
	float:none; 
	font-size:95%; 
	margin:10px 0 0 0;}
	
.photo {width:60%; margin:0 20% 20px;}
}

@media (max-width: 435px) {
.logo {width:25%;}
#appointment {font-size:90%; width:100%;}
header h1 {font-size:200%;}
header h2 {font-size:115%;}
	
.photo {width:70%; margin:0 15% 20px;}
}

@media (max-width: 385px) {
#appointment {width:80%; margin:10px 10% 0;}
header h1 {font-size:180%;}
header h2 {font-size:125%;}
}

@media (max-width: 360px) {
header h1 {font-size:170%;}
header h2 {font-size:125%;}
}

@media (max-width: 340px) {
header h1 {font-size:160%;}
header h2 {font-size:125%;}
}

/* gallery mobile adjustments */
.gallery_photo_l,
.gallery_photo_r {
  width: 100%;
  float: none;
  margin: 0 0 20px 0;
}

.gallery_photo,
.gallery_photo_l,
.gallery_photo_r {
  clear: both;
}

.one_col {
  margin: 20px 0 0;
}