body.page-id-568 {

	.grow {
		background: $sfm-purple;
		color: white;
		text-align: center;
		padding: .5em 1em;
//		text-transform: uppercase;
		
		a {
			color: white;
			border-bottom: 1px dashed;
		}
	}

	.tap-to-call a {
		background: $sfm-purple;
		border-top: none;
	}
}

//	Article
article.tws-ascend {
	font-size: 1em;

	@media only screen and (min-width: $large-screen) {
		font-size: 1.2em;
	}

	h1 {
		text-align: center;
		border-bottom: 1px solid $tws-light;
		border-bottom: 1px solid $base-accent-color;
		border-bottom: 1px solid $sfm-purple;
		padding-top: 0;
		text-transform: uppercase;
		font-size: 2.6em;

		a {
			color: $tws-light;
			color: $base-accent-color;
			color: $sfm-purple;
		}
	}

	h2, h3, h4, h5 {
		color: $sfm-purple;
	}

	p {
		margin-bottom: 1.6rem;
	}

	hr {
		$color-one: $sfm-pink;
		$color-two: $sfm-purple;

		$color-one: rgba(46, 28, 92, 0);
		$color-two: rgba(46, 28, 92, 1);

		width: 800px;
		max-width: 90%;
		margin: 2em auto;
		border: 0;
		height: 1px;
		background: $color-one;
		background-image: linear-gradient(to right, $color-one, $color-two, $color-one);
	}

	strong {
		color: $sfm-purple;
		color: $sfm-pink;
		font-weight: 600;
		text-transform: capitalize;
	}

	img.sfm-logo {
		max-width: 60%;
		width: 240px;
		margin: 0 auto 2em;
	}

	p.bg-tws {
		background: $tws;
		line-height: 1;
		margin-bottom: 2em;
		padding: 1.25em 1em .75em;
		text-align: center;

		img.tws-logo {
//			max-width: 90%;
			margin: 0 auto;
		}
	}

	img.tws-ascend {
		max-width: 90%;
		margin: 0 auto 2em;
		margin: 2em auto;
	}

	img.double-hung-cross-section {
		max-height: 200px;
		margin: 2em auto;
	}

	p.title {
		color: $sfm-purple;
		font-weight: 600;
		font-size: 1.4em;
		line-height: 1.2;
		text-transform: capitalize;

		@media only screen and (min-width: $large-screen) {
			text-align: center;
		}
	}

	p.intro {
		color: $sfm-pink;
		max-width: 600px;
		font-size: 1.2em;
		font-weight: 300;
//		text-align: center;
		@media only screen and (min-width: $large-screen) {
			text-align: center;
		}

		strong {
			text-transform: capitalize;
		}
	}

	p.button {
		text-align: center;

		a {
			display: inline-block;
			background: $sfm-purple;
			background: $tws-light;
			background: $sfm-pink;
			color: white;
			padding: 1em;

			&:hover {
				background: $tws;
				background: $sfm-purple;
			}
		}

		&.calendly a {
			background: $sfm-pink;

			&:hover {
				background: $sfm-purple;
			}
		}
	}

	ul.checked {
		color: $sfm-pink;
		max-width: 500px;
		padding-left: 2em;

		li:before {
			color: $sfm-purple;
		}
	}

	ul.searches {
		list-style: none;

		li {
			display: inline;
			font-style: italic;

			&:after {
				content: ", ";
			}

			&:last-child:after {
				content: ".";
			}
		}
	}

	ul.clients {
		list-style: none;
		font-size: 1rem;
//		padding: 0;
//		margin: 2em;

		@media only screen and (min-width: 600px) {
			display: flex;
			align-items: flex-start;
			flex-wrap: wrap;

			box-shadow: 0 0 20px rgba(0,0,0,.15);
			padding: 3em 2em 2em;
			margin: 4em auto!important;
		}

		li {
//			padding: 1em;

			box-shadow: 0 0 20px rgba(0,0,0,.15);
			padding: 3em 2em 2em;
			padding: 1em;
			margin: 1em!important;

			@media only screen and (min-width: 600px) {
				flex: 0 0 33%;
				box-shadow: none;
				padding: 1em;
				margin: 0!important;
//				margin: 4em auto!important;
			}

			img {
				margin: 0 auto 2em;
				display: block;
				max-width: 80%;
				border: 2px solid $sfm-purple;
				border: 2px solid $sfm-pink;
				border-radius: 100%;
			}

			p:first-of-type {
				color: $sfm-purple;
				color: $sfm-pink;
				text-transform: capitalize;
			}
		}

	}
	
	p.services-title {
		border-bottom: 1px solid $tws;
		margin-top: 3em;
		padding: 0;

		span {
			display: block;
			background: $sfm-purple;
			background: $tws;
			color: white;
	//		display: inline-block;
			text-align: center;
			text-align: left;
			text-transform: uppercase;
			padding: .5em 1em;

			@media only screen and (min-width: 600px) {
				display: inline-block;
			}
		}

		&.four span {
			background-color: $sfm-purple;
		}
	}

	div.schedule-success {
		max-width: 800px;
		border: 2px solid $sfm-pink;
		padding: 2em 1em 1em;
		margin: 1em;

		@media only screen and (min-width: 600px) {
			padding: 3em;
			margin: 2em auto;
			border: 2px solid $sfm-pink;
		}

		p:last-child {
			margin-bottom: 0;
		}
	}

	div.message-from-owner {
		max-width: 800px;
		padding: 1em;
		margin: 2em auto;
		color: $sfm-purple;

		@media only screen and (min-width: 600px) {
			display: flex;
			align-items: center;
			padding: 3em;
		}

		p {
			font-size: 1.2em;
			font-weight: 300;
			margin: 0;
		}

		img.owner {
			margin: 1em auto;
			border-radius: 100%;
			width: 140px;
			max-width: 80%;
		}
	}

}