@media all and (max-width:500px) {
	#logo_fr h1 { padding:10px; }
}
@media all and (min-width:501px) and (max-width:1023px) {
	#logo_fr h1 { padding:10px 100px 10px 100px; }
}

@media all and (max-width:700px) {
	body { width:100%; }
}
@media all and (min-width:701px) {
	body { width:700px; }
}
@media all and (min-width:1024px) {
	body { width:900px; }
}

@media all {
	body,h1,h2,h3,div,p,td,a { font-size:14pt; }
	#home,#home h1,#home div,#home a { font-size:10pt; }
	#gallery,#gallery h1,#gallery div { font-size:18pt; }
	#menu a { font-size:12pt; }

	#co_title { font-size:32pt; }
	#co_phone { font-size:18pt; }
	#photos a { font-size:14pt; }
}


body {
	margin:10px auto;
	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;

	color:#ccc;
	background-color:#222;
}

header,footer {
	width:100%;
}

h1 {
	font-weight:normal;
	line-height:1em;
}
div,p,td {
	line-height:1.3em;
}
a,a:visited {
	text-decoration:none;
	color:#fff;
}

span { margin:0px -2px 0px 0px; }




#logo_fr { display:inline-block; }
#logo_br { margin:10px auto;padding:10px 0 10px 0;white-space:nowrap;vertical-align:top; }
#logo_br img { width:65px;height:55px;margin:0 20px 10px 20px;padding:6px;border:1px solid #888; }
#co_fr { display:inline-block;text-align:center; }
#co_title { text-align:center;white-space:nowrap; }
#logo_fr h1 { text-align:center;color:#aaa;line-height:1.3em;white-space:normal; }
#footer { text-align:center;vertical-align:bottom;color:#ccc;margin-top:40px;padding-bottom:20px;font-size:8pt; }





#top {
	margin:0 auto;
	background-color:black;	
}



#home a:hover {
	text-decoration:underline;
}
#home h1,#gallery h1 {
	display:inline;
	font-weight:bold;
}
#home,#gallery {
	margin:0 30px 30px 30px;
}
#home {
	padding-top:10px;
	padding-bottom:40px;
	text-align:justify;
}

#gallery {
	margin-top:30px;
	text-align:center;
}

#pics {
	display:inline-block;
	text-align:center;
}




#co_title {
	vertical-align:center;
	color:#BBB;
	font-style:italic;
	font-weight:bold;
}
#co_phone {
	color:#888;
}


#photos {
	margin:0 auto;
	padding:20px 0 20px 0;
	text-align:center;
	white-space:nowrap;
}
#photos a {
	white-space:nowrap;
	font-weight:bold;
	color:#42546E;
	background-color:#2C2;
	padding:10px 40px 10px 40px;
}








#menu {
	white-space:nowrap;
	margin:30px 0px 30px 0px;
	padding:10px 0px 10px 0px;
	text-align:center;
}

#menu a {
	background-color:#222;
	color:#ccc;
	border:1px solid #aaa;
	padding:8px;
	margin:0 10px 0 10px;
}

#menu a:hover { 
	background-color:#444;
}









.gallery_links {
	width:30%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.gallery_links a {
	display:block;
	background-color:#222;
	color:#ccc;
	border:1px solid #aaa;
	padding:14px 0 14px;
	margin:4px;
}

.gallerylayer {
	display:flex;
	justify-content:center;
	align-items:center;
	overflow:hidden
}

.gallerylayer img {
	background-color:rgba(0,0,0,0);
	flex-shrink:0;
	-webkit-flex-shrink: 0;
	max-width:100%;
	max-height:100%;
}

.gallery_links a:hover { 
	background-color:#444;
}