.promo {
	position: relative;
	width: 100%;
	height: 100%;
}

.promo .pages {
	position: absolute;
	top: 20px;
	left: 10px;
	right: 10px;
	bottom: 0;
	overflow: auto;
}

.promo .intro {
	display: none;
}

.promo.intro .intro {
	display: block;
}

.promo .details {
	display: none;
}

.promo.details .details {
	display: block;
}

.promo .paragraph {
	text-align: center;
	margin: 10px 0 0 0;
    font-size: 16px;
}

.promo .paragraph:first-child {
	margin: 0;
}

.promo .communities {
	width: 280px;
	margin: 20px auto 0 auto;
}

.promo .community {
	float: left;
	margin: 0 0 0 10px;
}

.promo .community:first-child {
	margin: 0;
}

.promo .communityIcon  {
	width: 62px;
	height: 62px;
	border-radius: 50%;
	background-size: 62px 62px;
}

.promo .community .communityName {
	margin: 5px 0 0 0;
	font-size: 15px;
}

.promo .community .communityName:last-child {
	margin: 0;
}

.promo .central {
	background-image: url(/common/assets/images/app1/en_US/gm_active.png);
}

.promo .bmi {
	background-image: url(/common/assets/images/app1/en_US/gm_bmi.png);
}

.promo .seniors {
	background-image: url(/common/assets/images/app1/en_US/gm_senior.png);
}

.promo .veterans {
	background-image: url(/common/assets/images/app1/en_US/gm_veteran.png);
}

.promo .paragraph .communityName {
	margin: 5px 0 0 0;
}

.promo .detailsLink {
	margin: 20px 0 0 0;
}