section#about-us {
	padding-top: 160px;
}
section#about-us h1,
.content .title h3,
.content a {
	color: #b70004;
}
section#about-us h1 em,
.content .title h3 em {
	font-style: normal;
	color: #333;
}
.content .description {
	font-size: 0.80em;
}
@media (min-width: 576px) {
    .modal-stories {
        max-width: calc(100% - 200px) !important;
    }
}
@media (min-width: 992px) {
    .modal-stories {
        max-width: calc(100% - 400px) !important;
    }
}
.modal-stories .modal-body p {
    font-size: 12pt;
}
@media (max-width: 991px) {
	.content {
		width: auto !important;
	}
}
@media (min-width: 992px) {
	.scrollContainer {
	overflow-y: scroll;
	overflow-x: hidden;
	width: 100%;
	height: 100vh
}
.horizontal.scrollContainer {
	overflow-y: hidden;
	overflow-x: hidden;
}
#our-story-wrapper.scrollContainer .scrollContent {
	width: 100%;
	height: auto;
}
#our-story-wrapper.scrollContainer.horizontal .scrollContent {
	width: auto;
	height: 100%;
}
#our-story-wrapper.horizontal {
	white-space: nowrap;
	font-size: 0;  /* fix for spaces between inline block divs */
}
section#about-us {
	position: relative;
	height: 100%;
	min-height: 500px;
	width: 50%;
}
.horizontal article,
.horizontal section#about-us,
.scrollContent .right-spacer {
	display: inline-block;
	vertical-align: middle;
  height: 100%;
	white-space: normal;
	font-size: 12pt;
}
.scrollContent .right-spacer {
  width: 600px;
  background: #fff url('https://www.teamasia.com/beta/ta/wp-content/uploads/2020/03/Our-Story-CTA-Background.jpg') no-repeat center center;
  background-size: cover;
}
.horizontal article.story,
.scrollContent .right-spacer {
	border-left: solid 1px #b70004;
}
.scrollContent .right-spacer h4 {
  color: #b5121b;
  font-size: 2.5rem;
}
.content {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	padding: 0;
	width: 300px;
	transition: width 0.3s;
}
.content-last {
	width: 600px !important;
}
article.story img {
	filter: grayscale(100%);
}
article.story:hover img {
	filter: grayscale(0%);
}
.content .story-image {
	display: flex;
  justify-content: center;
  align-items: center;
	max-height: 250px;
	overflow: hidden;
}
.content .title {
	position: relative;
}
.content .title::before {
	content: '';
	position: absolute;
	width: 30px;
	height: 30px;
	left: -15px;
	top: 50%;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #b70004;
	transform: translateY(-50%);
}
}