#app{
	padding-right: 15px;
	    padding-left: 15px;
}

.title{
	color: #9f6526;;
	margin-left: auto;
	margin-right: auto;
	font-family: 'Myriad Pro Semibold';
	font-size:30px;
	line-height:36px;
}
.bo-meet{
	width: 100%;
	margin: 0 auto;
}
.bo-meet>img{
	width: 100%;
}
.bo-meet-text{
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.tag{
	width: 4.5rem;
	height: 1rem;
	background-color: #f9b000;
	margin-left:5%;
}
.content{
	font-family: 'Myriad Pro Semibold';
	color: #9f6526;
	font-size: 28px;
	padding: 10px 30px;
	margin-left:5%;
	margin-right:5%;
	line-height:1.3;
}
.bo-meet-pic{
	background-image: linear-gradient(to bottom,#ffffff,#fef3f3);
	background-size: 100% 100%;
	margin-top: 40px;
	max-width:100% !important;
}
.bo-serving-pic{
	background-image: linear-gradient(to bottom,#ffffff,#ffefcc);
	background-size: 100% 100%;
	margin-top: 40px;
	max-width:100% !important;
}
.bo-building-pic{
	background-image: linear-gradient(to bottom,#ffffff,#c6e7f0);
	background-size: 100% 100%;
	margin-top: 40px;
	max-width:100% !important;
}
.bo-contributing-pic{
	background-image: linear-gradient(to bottom,#ffffff,#dfecc6);
	background-size: 100% 100%;
	margin-top: 40px;
	max-width:100% !important;
}
.bo-connecting-pic{
	background-image: linear-gradient(to bottom,#ffffff,#d5c5d7);
	background-size: 100% 100%;
	margin-top: 40px;
	max-width:100% !important;
}
.title-pic{
	width: 90px;
	margin: 1rem auto;
}
.title-pic>img{
	width: 100%;
}
.meet-content{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5rem;
	height: 110px;
}
.meet-content>div{
	width: 60%;
	display: inline-block;
}
.content-pic{
	width: 90px !important;
}
.content-pic>img{
	width: 100%;
}
.content-text{
	vertical-align: bottom;
	font-family: 'Myriad Pro Regular';
	font-size: 18px;
	white-space:nowrap;
	line-height:1.1;
	margin: 3rem 0;
}
.num{
	color:#dc346e ;
	font-size: 32px;
	font-weight:bold;
}
.serving-num{
	color:#E3672a ;
	font-size: 32px;
	font-weight:bold;
}

.building-num{
	color:#157e9a ;
	font-size: 32px;
	font-weight:bold;
}
.contributing-num{
	color: #019f56 ;
	font-size: 32px;
	font-weight:bold;
}
.connecting-num{
	color: #792b7b ;
	font-size: 32px;
	font-weight:bold;
}
.serving-title{
	color: #ec952e;
	font-size:24px;
	font-weight:600;
	}
.building-title{
	color: #44bac6;
	font-size:24px;
	font-weight:600;
	}
.contributing-title{
	color: #79bb43;
	font-size:24px;
	font-weight:600;
	}
.connecting-title{
	color:#ae4f8f;
	font-size:24px;
	font-weight:600;
}
.bo-meet-pic-content{
	margin-bottom: 40px;
}
.elderly-housing{
	text-align: center;
}
.elderly-housing-title{
	font-family: 'Myriad Pro Semibold';
	background-color: #dc346e;
	color: #ffffff;
	text-align: center;
	width: auto;
	margin: 0 auto 50px;
	font-size:28px;
	padding: 15px;
	display:inline-block;
}
.connecting-titlesocial{
	font-family: 'Myriad Pro Semibold';
	background-color: #792b7b;
	color: #ffffff;
	text-align: center;
	width: auto;
	margin: 0 auto 50px;
	font-size:28px;
	padding: 15px;
	display:inline-block;
}
.elderly-housing-title>h2{
	margin: 0;
}
.elderly-housing-pic{
	margin-top: 2rem;
	margin: auto;
	overflow-x:scroll;
}
.elderly-housing-pic::-webkit-scrollbar {
  display: none;
}
.elderly-housing-pic>img{
	width:1000px;
}
.elderly-resource{
	margin-top: 120px;
	background-image: linear-gradient(to bottom, #ffffff, #ecf6f4, #e5f3f0, #e1f1ee, #e1f0ed);
	background-size: 100% 100%;
}
.elderly-resource>div{
	width: 830px;
	margin: auto;
}
.elderly-resource>div>div{
	width: 49%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.elderly-resource-pic>div{
	width: 40%;
	margin: auto;
}
.elderly-resource-pic>div>img{
	width: 100%;
}
.elderly-resource-pic{
	    vertical-align: text-bottom;
	    padding-bottom: 20px;
}
.elderly-resource-content>.meet-content{
	margin-top: 50px;
}
.next-buttons{
	text-align: center;
	margin-top: 6rem;
}
.next-buttons .next-button{
	display: inline-block;
	color: #ffffff;
	background-color: #dadada;
	font-family: 'Myriad Pro Semibold';
		padding: 1rem 2rem;
		margin-left: 4rem;
}
.next-buttons .next-button:hover{
	background-color: #ec6608;
}
.next-buttons>.next-button>a{
	color: #ffffff;
}
.wow.fadeIn{
	margin:60px 0;
}
.plus{
	font-size:40px;
}

.view-more-contributing{
	background-color: #79bb43;
	color: #fff;
	position: relative;
	height: 35px;
	width: 180px;
	line-height: 30px;
	font-size: 20px;
}
@media only screen and (max-width: 540px){
	.wow.fadeIn{
		margin:5px auto;
	}
}
@media only screen and (min-width: 540px){
	.wow.fadeIn{
		margin:20px auto;
	}
}
@media only screen and (min-width: 720px){
	.wow.fadeIn{
		margin:30px auto;
	}
}
@media only screen and (min-width: 960px){
	.wow.fadeIn{
		margin:45px auto;
	}
}
@media only screen and (max-width: 768px) {
	.content {
		font-size:1.7rem;
		padding:10px 0;
		margin:0;
	}
	.container{
		width:80% !important;
	}

	.pictwo{
		width:60px;
	}
	.picone {
		width: 75px;
	}
	.content-text {
		font-size: 15px;
		padding-left: 0 !important;
		padding-right: 0 !important;
		margin:1rem 0;
	}
	.content-text.wrap{
		white-space:unset;
	}
	nav img{
		width:unset !important;
	}
	#elderlyRC {
		border-left: 0 !important;
	}
	#elderlyRC img,.picthree{
		width:150px !important;
	}
	.elderly-div {
		border-left: 2px solid #ee7a9d;
	}

	.tag {
		margin-left: -5%;
	}
	.title {
		font-size:24px;
	}

	.serving-title, .building-title, .contributing-title, .connecting-title{
		font-size:16px;
		padding-right:0px !important;
	}

	.num, .serving-num, .building-num, .contributing-num, .connecting-num, .elderly-housing-title, .connecting-titlesocial {
		font-size: 18px !important;
	}
	.plus{
		font-size:20px;
	}
	.view-more-contributing {
		padding: 1rem;
		font-size: 1rem;
		display:inline-block;
		width:auto;
		line-height:unset;
	}

}