#top {
	background: var(--color-top-background) url("../images/grass.svg") bottom center no-repeat;
	background-size: 100% auto;
}
#top .top-inner {
	/*background-color: rgba(221, 221, 221, 0.9);
	background-color: rgba(55, 50, 57, 0.8);
	background: transparent url("../images/overlay.svg") bottom center no-repeat;
	background-size: cover;*/
	/*background: transparent url("../images/converted.svg") top center no-repeat;
	background-size: auto 100%;
	margin-bottom: 5em;
	border-bottom: 1px solid #ddd;*/
	background: transparent url("../images/bamboo-right.svg") bottom right no-repeat;
	/*background-position: -3em 15em;*/
	background-size: auto 100%;
	min-height: 35em;
}

#masthead {
	background-color: transparent;
}
#masthead.fixed {
	background: var(--color-top-background);
}
/*#masthead .d-flex {
	padding-bottom: 2em;
	border-bottom: 2px solid #626471;
}*/
body {
	background: var(--color-top-background)
}
#top .top-inner {
	/*background: #eff7fc;*/

}
/*#footer {
	background-color: #452b5b;
}*/
#top .top-inner {
	/*background: #f9f9f9;
	background: #eff0f0;
	background-color: #819ba3;
	background-color: rgba(17, 18, 22, 0.8);
	background-color: rgba(57, 80, 86, 0.9);
	background-color: rgba(57, 62, 69, 0.9);*/
	min-height: 15em;
	/*padding-bottom: 0;
	margin-bottom: 15em;*/
	padding-bottom: 0;
	margin-bottom: 0em;
}

/*.top-inner .row {
	position: relative;
}
.top-inner .row:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 1000px;
	display: block;
	background-color: var(--color-pullout-background);
}*/
.hero {
	padding: 7rem 0 18rem 0;
	min-height: 15em;
	background: transparent url("../images/pandas.png") 75% bottom no-repeat;
	background-size: auto 70%;
	/*margin-bottom: -5rem;
	box-shadow: 0 1px 1px rgba(154,159,155,0.12),
              0 2px 2px rgba(154,159,155,0.12),
              0 4px 4px rgba(154,159,155,0.12),
              0 8px 8px rgba(154,159,155,0.12),
              0 16px 16px rgba(154,159,155,0.12);*/
}
/*.hero h2 {
	font-weight: 600;
}*/
article {
	padding: 0;
}
#content>.container {
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
}
#content section {
	padding: 2rem 0;
}
#content #highlight {
	padding: 0 0 4em 0;
	/*background-color: #f1faf7;
	background-color: #eaf3e9;
	background-color: var(--color-top-background);*/
	background-color: #e2e2d8;
	margin-top: -5em;
	/*text-align: center;*/
}
#highlight .card {
	margin: 0 2rem 0 2rem;
	padding: 2rem;
	border-color: transparent;
}
#trainings {
	background-color: #292c35;
}
.pullout a {
	color: var(--color-pullout-link);
}
#top .pullout h2,
.pullout h3,
.pullout h4 {
	color: var(--color-pullout-text);
}
.pullout>*:first-child {
	margin-top: 0;
	padding-top: 0;
}
.pullout>*:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}
.card {
	background-color: #fff;
	border-color: #ddd;
	transition: all 0.3s ease;
	color: inherit;
	/*box-shadow: 0 0 12px rgba(154,159,155,0.12);*/
	box-shadow: 0 1px 1px rgba(154,159,155,0.12),
              0 2px 2px rgba(154,159,155,0.12),
              0 4px 4px rgba(154,159,155,0.12),
              0 8px 12px rgba(154,159,155,0.12);
}
/*.card .fa {
	padding: 0.8rem;
	font-size: 1.2rem;
	background-color: #8d2e29;
	background-color: #1e2b4e;
	color: #fff;
	border-radius: 50%;
}*/
.card h3 {
	color: #953e64;
}
.card-train h3 {
	color: #5c9534;
}
.card-train {
	color: #57694b;
}
.card-train .btn {
	background-color: #5c9534;
	border-color: #5c9534;
	color: #fff;
}
.card-discuss h3 {
	color: #ef8426;
}
.card-discuss {
	color: #886546;
}
.card-discuss .btn {
	background-color: #ef8426;
	border-color: #ef8426;
	color: #fff;
}
.card-share {
	color: #5a404b;
}
.card-share .btn {
	background-color: #953e64;
	border-color: #953e64;
	color: #fff;
}
a.card {
	text-decoration: none;
}
a.card:hover,
a.card:focus {
	-webkit-transform: translateY(-7px);
	transform: translateY(-7px);
	text-decoration: none;
	background-color: #eff1f5;
	color: inherit;
	text-decoration: none;
	box-shadow: 0 1px 1px rgba(154,159,155,0.12),
              0 2px 2px rgba(154,159,155,0.12),
              0 4px 4px rgba(154,159,155,0.12),
              0 8px 8px rgba(154,159,155,0.12),
              0 16px 16px rgba(154,159,155,0.12);
}