 h2,
h3,
h4,
h5 {
	font-size: 18px;
	color: #1C1C1B;
	font-weight: 600;
	margin-top: 30px;
}

 div {
	text-align: left;
}

 .clearfix {
	float: right;
	margin: 0 10px 0 0;
	width: 168px;
}

 img.lazy {
	width: 100%
}

 ul,
ol {
	margin: 5px 0 0;
	padding: 0;
}

 ol>li {
	margin: 0 0 0 15px;
	padding: 0 0 5px 0;
}

 ul>li {
	margin: 0;
	padding: 0 0 5px 15px;
	position: relative;
}

 ul>li:after {
	display: block;
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	position: absolute;
	top: 8px;
	left: 3px;
	background: #1C1C1B;
}

 .tooltip {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	max-width: 400px;
	padding: 10px;
	border: 1px solid #ccc;
	visibility: hidden;
	background-color: #fff;
}

 .tooltip:after,
.tooltip:before {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
}

 .clear {
	height: 1px;
	overflow: hidden;
	background: transparent;
}

img.lazy {
	width: auto;
	max-width: 100%;
}


#x-cont {

	text-align: center;
	margin: 0 auto;
	padding: 0 auto;
	font-family: 'Lato', sans-serif;
	max-width: 920px;
}

#x-bg {
	background-color: #fbe8ec !important;
	border-bottom: 1px solid #e9d2e0 !important;
	border-top: 1px solid #e9d2e0 !important;
}


img {

	margin: 0;
	padding: 0;
	display: block;
	max-width: 1350px;
}

.long {
	width: 100%;
}

#x-con {
	margin: 0 auto;
	padding: 0 auto;
	max-width: 1350px;
	background-color: #e9d2e0;
}

#background1 {
	width: 100%;
	background-color: #f0c5ce;
	padding: 20px 0;
}

.title {
	font-weight: bolder;
	font-size: 33px;
}

.desc {
	font-size: 22px;
}

#text-area {
	color: #192725;
	padding: 40px;
	justify-self: center;
	align-self: center;
}

.flex:nth-child(odd) {
	height: 100%;
	display: flex;
	align-items: stretch;
	justify-content: center;
	text-align: right;
}

.flex:nth-child(even) {
	display: flex;
	align-items: stretch;
	justify-content: center;
	flex-direction: row-reverse;
	text-align: left;
}

#x-img5 {
	margin-top: -1px;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

#x-sec3 {
	width: 100%;
	background-color: #fbe8ec;
}

#tiles {
	margin: 0 auto;
	display: flex;
	width: 100%;
	align-items: center;
	flex-wrap: wrap;
	margin: 2% 0 5% 0;
}

#tiles>div {
	width: 50%;

}

.cropped {
	margin: 0 auto;
	width: 85%;
}

.margin {
	margin-top: -20px;
}

#tiles>div>img {
	width: 500px;
}

#tiles>div:nth-child(odd) {
	text-align: right;
}

#tiles>div:nth-child(even) {

	text-align: left;
}

.flex>div {
	width: 50%;
}

@media (min-width: 1200px) {
	#x-cont {
		max-width: 920px;
	}

	.flex>div>img {
		width: 50%;
	}

	.flex>#text-area {
		width: 50%;
	}

	#tiles {
		width: 100%;

	}

	#tiles>div {
		width: 50%;
	}

	#tiles>div>img {
		width: 70%
	}

	#tiles>div:nth-child(4)>img {

		padding-left: 10%;
	}

	.title {
		font-weight: bolder;
		font-size: 1.2em;
	}

	.desc {
		font-size: 1.0em;
	}

	.bg-img {
		width: 65%;
	}

}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#x-cont {
		max-width: 800px;
	}

	.title {
		font-size: 22px;
	}

	.desc {
		font-size: 18px;
	}
}

@media (min-width: 576px) and (max-width: 767.98px) {

	#x-cont {
		max-width: 500px;
	}

	.flex {
		flex-direction: column-reverse !important;
	}

	.flex>div>img {
		display: inline;
	}

	.flex>#text-area {
		width: 100%;
		text-align: right;
	}

	.background>.flex:nth-child(2)>#text-area {
		text-align: left !important;

	}

	#tiles {
		display: flex;
		flex-direction: column;

	}

	#tiles>div {
		width: 100%;
		display: inherit;
	}

	#tiles>div>img {
		height: 100%;
		width: 50%;
	}

	#tiles :nth-child(1) {
		order: 1;
		text-align: left;
		padding-left: 10px
	}

	#tiles :nth-child(2) {
		order: 2;
		margin: 20px 0;
		width: 100%;
		text-align: left;
		padding-left: 10px
	}

	#tiles :nth-child(3) {
		order: 4;
		margin: 20px 0;
		width: 100%;
		text-align: left;
		padding-left: 10px
	}

	#tiles :nth-child(4) {
		order: 3;
		text-align: left;
		padding-left: 10px
	}

	#tiles :nth-child(5) {
		order: 5;
		text-align: left;
		padding-left: 10px
	}

	#tiles :nth-child(6) {
		order: 6;
		margin: 20px 0;
		width: 100%;
		text-align: left;
		padding-left: 10px
	}

	#tiles>div>.cropped>.desc {
		margin: 0;
	}


	.bg-img {
		width: 100%;
	}

	.text-block {
		margin: 0px 30px;
	}
}

@media (max-width: 575.98px) {

	#x-cont {

		max-width: 500px;
	}

	#x-sec1 {
		width: 50%;
	}

	.desc {
		font-size: 0.8em;
	}

	.title {
		font-size: 0.9em;
	}

	#text-area {
		padding: 10px;
	}

	.bg-img {
		width: 45%;
	}

}