html { height: 100%; }
body { height: 100%; font-family: 'EB Garamond', serif; font-size: 17px; background-color: #e1ded9; } 
a, a:visited, a:active { color: #910D0C; }
a:hover { color: #A73D3C; }
.sc { font-variant: small-caps; }
.img-right { float: right; margin-left: 2em !important; }
.text-danger { color: #9a251e; }
.text-indent { display: inline-block; margin-left: 1em; }
.panel { background-color: transparent; border: 0 none; box-shadow: none; }
.btn-danger { font-weight: bold; color: #fff !important; background-color: #9a251e; border-color: #9a251e; }
.btn-danger:hover, .navbar-default .navbar-nav .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #c9302c; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mb-3 { margin-bottom: 1rem; }

header { background-color: #fff; padding: 5px 0 20px; }
header > .container > .row { display: flex; align-items: center; }
header a, header a:visited, header a:active, header a:hover { color: #000; text-decoration: none; }
.logo { margin: 8px 8px 0px; }
h1.brand { margin: 0; font-variant: small-caps; font-size: 1.5em; }
.tagline { font-style: italic; color: #90a7cc; }
@media (min-width: 768px){
	header a[href*='tel'],
	header address { font-size: 18px; line-height: 1.2; }
}

.navbar { background-color: #729BC7; border-radius: 0; z-index: 100; font-weight: bold; letter-spacing: .5px; }
.navbar-default .navbar-nav { display: table; }
.navbar-default .navbar-nav>li>a { color: #000; }
.navbar-default .navbar-nav .btn-danger { display: inline-block; margin: 8px 0; padding: 6px 12px; }
.navbar-default .navbar-brand { color: #000000; }
.navbar-default .navbar-nav .open .dropdown-menu>li a { color: #000000; }

.navbar-default .navbar-toggle { background-color: #910D0C; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #A73D3C; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover .icon-bar, .navbar-default .navbar-toggle:focus .icon-bar { background-color: #fff; }
.navbar-brand { display: none; }
@media (min-width: 768px){
	.navbar-nav { margin: 0 auto; display: table; table-layout: fixed; float:none; }
}

.disclosure { font-style: italic; }
footer { margin-top: 20px; padding: 24px 0; background-color: #6f6565; color: #fff; font-size: .8em; }
footer .container .row > div { position: relative; float: left; padding: 0 15px; width: 20%; }
footer a, footer a:hover, footer a:visited, footer a:active { color:#fff; }
footer a:hover { text-decoration: underline; }

.banner { border-bottom: 5px solid #000; }
img[src$='banner-index.jpg'].banner { border-bottom: 0 none; }

.max40 { max-width: 40%; padding: 0 16px 5px 0; }
.max50 { max-width: 50%; padding: 0 16px 5px 0; }

.news-box { padding: 1px 15px 10px; background-color: #f0efec; }
.news-box h2 { margin-top:10px; margin-bottom: 20px; font-size: 1.4em; color: #910D0C; }
.news-box h3 { font-size: 1em; color: #910D0C; font-weight: bold; margin-top: 0; }
.news-box p, .news-box ul { font-size: .8em; }

.input-group.captcha { padding-left: 15px; padding-right: 15px; }
.input-group.captcha .input-group-addon { width: 101px; padding: 0; }
.hp { display: none; }

ul.articles { list-style: none; }
ul.articles li { padding-top: 8px; }
ul.articles li a { font-style: italic; }

#map, #map #map_inner > svg { max-width: 800px !important; }
#map #map_inner > svg { height: auto; }

@media only screen and (max-width : 767px) {
	.navbar-default .navbar-nav .btn-danger { margin-left: 15px; }
	.sub-content { margin-top: 10px; }
	.articles-img { max-width: 95px; height: auto; }
	footer .container .row > div { width: 50%; }
	footer .container .row > div:last-child { width: 100%; }
}

@media only screen and (min-width : 768px) {
	.text-md-right { text-align: right; }
	.address-left { text-align: left; }
	h1.brand { font-size: 1.8em; }
	.address-right { text-align: right; }
}

@media only screen and (max-width : 991px) {
	.content-block { margin-top: 20px; }
	.content-block img { max-width: 144px; height: auto; }
	.small-profile-img img { max-height: 300px; width: auto; }
}

@media only screen and (min-width : 992px) {
	.navbar-default .navbar-nav { display: flex; justify-content: space-between; margin: 0 -3em; }
}