html {font-size: 100%; }
body {
	color: #eee;	/* off-white */
	font-family: 'Open Sans', sans-serif;
	// font-family: 'Noto Sans', sans-serif;
	background-color: #4886c3; 	 /*  med blue */
	vertical-align: text-top;
	word-wrap: break-word !important;
	}
A:link, A:visited {
	color: #FFD8A8;	/* Bisque darkened */
	// color: #DEB887;	/* BurlyWood */
	text-decoration: none; }
A:active, A:hover {
	color: #FFCC66;  /* gold */
	text-decoration: underline; }
img {max-width: 100%; height: auto;}
#container {
	background-color: #4886C3;	/*  Blue */
	margin: 0 auto;
	max-width: 60em;
	}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 122%;
	/*	padding-top: 129.42%; */
}
.resp-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
header, nav, hgroup, article, footer {clear:both;}

/* TOP MENU BAR */
header nav { float: right; margin-top: 0.5em; height: 1.4em; border-radius: 4px; padding-bottom: 1em; }
header nav ul {
	font-weight: 400;
	font-size: 1.1rem;
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
	}
header nav li { display: inline; float: left; margin: 0 1em 0 0; }
header nav a { display: block; padding: 5px; text-decoration: none; line-height: 1.4em; }
header nav a:hover { background-color: #F0FFFF; color: #27a7bd; border-radius: 4px; }
header nav ul li#current a {
	background-color: #6D9ED0; /* blue */
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	}
header nav ul li#current a:hover { color: #bbb; }
header nav ul ul {
	display: none;
	position: absolute;
	/* has to be the same number as the "line-height" of "nav a" */
	top: 1.6em;
	}
header nav ul li:hover > ul { display: inherit; }	/* Display Dropdowns on Hover */
header nav ul ul li {
	width: 10em;
	float: none;
	display: list-item;
	position: relative;
	background-color: #2E5E8E;
	}
header nav ul ul ul li {
	position: relative;
	top: -1.6em;
	/* has to be the same number as the "width" of "nav ul ul li" */
	left: 10em;
	background-color: #2E5E8E;
	}
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }
nav:after {
	content: "";
	display: table;
	clear: both;
	}
.round-top {
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	}

/* MAIN CONTENT */
.logo {
	display: inline-block;
	margin-right:0.5em;
//	text-align: center;
//	align: center;
	}
header hgroup {
	display: inline-block;
//	border: 1px solid red;
	}
header h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 200%;
//	text-transform: uppercase;
	color: #14E3F5;	/*  aqua */
//	padding-left: 1em;
	margin: 0 1rem;
	text-shadow: -2px -2px 4px #999, 4px 4px 4px #333;
	filter: dropshadow(color=#ffff00, offx=2, offy=2);
	}
header h2 {
	font: normal 140% 'Open Sans', sans-serif;
	color: #00D6D6; /* med turquoise */
	margin: 0.25rem 1rem 0 1rem;
	}

article {
	display: inline-block;
	width: 70%;
	margin: 0;
//	min-height: 589px;
//	background: url("../img/New_Medicine_Buddha_550x589-100.png") center no-repeat;
//	background: url("../img/New_Medicine_Buddha_367x393-100.png") center no-repeat;
//	background: url('./img/medicinebuddha-289x330.png') center no-repeat;
//	background-size: 550px contain;
	}
article h1 { font: bolder 200% 'Open Sans', sans-serif; color: #00D6D6; /* med turquoise */ margin: 0 0 .25em 0;}
article h2 { font: bolder 160% 'Open Sans', sans-serif; color: #00D6D6; /* med turquoise */ }

aside {
	display: inline;
	float: left;
	width: 25%;
	margin-right: 2%;
	padding: 1%;
	}
.newsbox {
	background-color: #346BA2;	/* darker blue */
//	background-color: #6D9ED0;	/* lighter blue */
	padding: 5%;
	min-height: 20em;
	margin-bottom: 1em;
	}
.newshead {
	font-size: 120%;
	font-weight: bold;
	margin: 0;
	}
.big {
	font-size: 115%;
	font-weight: bold;
	color: #14E3F5;
	margin-bottom: 0.25rem;
	}
address, tel { color: #F0F8FF; /* AliceBlue */ font-style: normal; }
//	address, tel { color: #F0FFFF; /* azure */ font-style: normal; }
.right-pic { float: right; display: inline-block; margin-left: 2em;}

.button {
	display: inline-block;
	background-color: #e5d8a6;	/* cream */
	/* background-color: #ffeeb3;	/* ivory */
    height: 1.5em;
    width: 7.5em;
    margin: 0.6em auto;
    padding: 0.33em 0.67em;
	font: bold 110% 'Open Sans', sans-serif;
    text-align:center;
    /* text-shadow: 2px 2px #666666; */
    list-style-type: none;
	border-style: solid;
    border-bottom-color: #333333;
    border-right-color: #555555;
    border-left-color: #BBBBBB;
    border-top-color: #DDDDDD;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    }
.button a:link, .button a:visited { color: #346ba2; } */ darker blue */
.button:hover {
    background-color: #15a2c7;  /* aqua */
    }
.newbtn {
	background-color: #008CBA;
	color: #ffcc66;
	display: inline-block;
	margin: 0 0.25em;
	padding: 0.2em 0.5em;
	border: none;
	text-align: center;
	text-decoration: none;
	font: italic bold 1em Arial, sans-serif;
	//	font-family: 'Passion One', sans-serif;
	}
footer {
	font-size: 70%;
	text-align: center;
	color: #ddd;
//	margin: 0.5rem;
	padding: 0.5rem;
	clear: both;
	}

/* ACCORDION */
div.accordion h3 {
	color: #6D9ED0; /* light blue */
	background-color: #2E5E8E;		/* dark blue */
	}
div.accordion div {
	color: #2E5E8E;		/* dark blue */
	background-color: #6D9ED0; /* light blue */
	}

.accordionButton {
	width: 600px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	color: #0099cc;  /* turquoise */
	font: bold 125% Verdana, Arial, Helvetica, sans-serif;
	background: #DDEEDD;	/* pastel green */
	padding: 3px;
	border-bottom: 1px solid #FFFFFF;
	cursor: pointer;
	}
.accordionContent {
	width: 600px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	background: #FFF3E5;	/* sand */
	}
.on { background: #339966; color: #ffffff; }
.over { background: #99CC99; color: #cc3366; }

/* MEDIA QUERIES */
@media screen and (min-width: 48.001em) {
//	.logo { display: inline-block; margin-right:0.5em; }
	header h2 { font-size: 125%; }
/*
	article {
		min-height: 589px;
		background: url("../img/New_Medicine_Buddha_550x589-100.png") center no-repeat;
		background-size: 550px contain;
		}
*/
	}
@media screen and (min-width: 37.001em) and (max-width: 48em) {
	header h2 { font-size: 115%; }
//	.logo { display: inline-block; margin-right:0.5em; }
/*
	article {
		min-height: 393px;
		background: url("../img/New_Medicine_Buddha_367x393-100.png") center no-repeat;
		background-size: 367px contain;
		}
*/
	}
@media screen and (min-width: 30.001em) and (max-width: 37em) {
//	.logo { display: block; margin-left: auto; margin-right: auto; }
	.logo { float: left; }
	header hgroup { vertical-align: top; max-width: 80%;}
	header h2 { font-size: 108%; }
	header nav { width: 100%; height: auto; }
	header nav li { display: inline-block; margin-right: 1%; margin-bottom: 0.25rem; padding: 1%; background-color: #2E5E8E; }
	header nav a:hover { display: block; background-color: #F0FFFF; color: #27a7bd; border-radius: 4px; }
	article, aside { display: block; width: 100%; }
/*
	article {
		min-height: 393px;
		background: url("../img/New_Medicine_Buddha_367x393-100.png") center no-repeat;
		background-size: 367px contain;
		}
		*/
	}
@media screen and (max-width: 30em) {
	header nav { width: 100%; height: auto; }
	header nav li { display: inline-block; width: 46%; margin-right: 1%; margin-bottom: 0.25rem; padding: 1%; background-color: #2E5E8E; }
	header nav a:hover { display: block; background-color: #F0FFFF; color: #27a7bd; border-radius: 4px; }
	.logo { float: left; }
	header hgroup { vertical-align: top; max-width: 70%;}
//	.logo { display: block; margin-left: auto; margin-right: auto; }
	article {
		display: block;
		width: 100%;
/*
		min-height: 322px;
		background: url("../img/New_Medicine_Buddha_367x393-100.png") center no-repeat;
		background-size: 300px contain;
*/
		}
	aside { display: block; width: 90%; margin-left: auto; margin-right: auto; }
	.right-pic { display: none; }
	}