/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body {
	background-color:white;
	background-image:linear-gradient(to bottom, #f2f2f2, #d4d4d4);
	background-repeat:repeat-x;
}
a {
	color: #390;
}
.gallery-img {
	border-radius:.25em;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.25);
}
.container {
	background:white;
}
#page {
	margin:1em auto;
	padding:0 1em;
	border:1px solid #F2F2F2;
	border-radius:1em;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.067);
}
div.container>header img {
	padding-bottom: 1em;
}
header.page-header h1 {
	font-family:'Noto Sans', sans-serif;
	font-weight:700;
	padding: 1em;
	border: 1px solid rgba(100, 120, 105, .125);
	border-radius: .125em;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background: rgba(100, 120, 105, .125);
}
.navbar-inner {
	background-color:white;
	background-image:none;
}
header.page-header h1 {
	background: rgba(100, 120, 105, .0625);
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background: rgba(100, 120, 105, .125);
}
header.page-header h1, div.navbar-inner .container a.brand, div.navbar-inner .container ul.nav li a {
	color: rgba(100, 120, 105, .875);
}
h2, h2>small {
	color: rgb(85, 140, 105);
}
h4, h3 {
	color: rgb(100, 140, 120);
}
div footer {
	padding: 1em 1em .5em;
	margin-bottom: 1em;
	/*background: rgba(100, 120, 105, .125);*/
	/*border: 1px solid rgba(100, 120, 105, .25);*/
	/*border-radius: .375em;*/
}
#myCarousel {
	border-radius: 1em;
}
@media only screen and (max-width:20.33334em) {
	header.page-header h1 {
		font-size: 1.25em;
		line-height: 1;
	}
}
@media only screen and (min-width:20.33335em) and (max-width:30.874em) {
header.page-header h1 {
	font-size: 1.75em;
	line-height: 1.4;
}
}

@media only screen and (min-width:30.875em) and (max-width:64em) {
header.page-header h1 {
	font-size: 3em;
}
}

@media only screen and (min-width:28em) and (max-width:48em) {
div.uspShowcase {
	padding: 1em 0;
	margin: 1em 0;
	background: rgba(100, 200, 105, .125);
	border: 2px solid rgba(100, 200, 105, .25);
	border-radius: 1em;
}
}

@media only screen and (min-width:42em) {
article p {
	margin-left: 2em;
	padding: 1em;
}
section article, aside section {
	padding: 0 1em;
	margin-bottom: 1em;
}
h4 {
	margin-left: 1em;
}
}