/*About page styles */
/*Stylesheet for www.zempertherapy.com 
Author: PB&J Marketing/M. Perez-Bastian
Create Date: 9-26-18
Last Update: 9-26-18 | 10-5-18 | 10-13-18 | 10-17-18 | 10-22-18 |10-23-18 | 10-30-18 | 12-11-18 | 12-12-18 |12-19-18
*/
/*ZRT Site Colors & Fonts
	#d4470f rgb(212, 71, 15) Zemper Orange - Use for background, border, headline, controls, icons and/or other special text and/or items
	#d9d4ba rgb(217, 212, 186) Zemper Sand - Use for background, border, headline, controls, icons and/or other special text and/or items
	#282828 rgb(40, 40, 40) Charcoal Gray - Use for most body copy
	#808080 rgb(128, 128, 128) Medium Gray AKA HTML Gray - Use for drop shadows
	#d3d3d3 rgb(211, 211, 211) Light Gray AKA HTML LightGray - Use for special
	#f5f5f5 rgb(245, 245, 245) Very Light Gray AKA HTML WhiteSmoke - Use for special	
*/
/*Styles applied regardless of media type and/or size*/		
body {
	min-width: 310px;
}
img {
	width: 100%;
}
.Main {
	width: 100%;
	padding: 0;
	margin: 0;
}
	.Main h2 {
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: 1.25em;
		text-shadow: .01em .01em #ddd;
	}
		.AbtCopy {
			width: 100%;
			font-family: "Myriad Pro", Arial, Verdana, sans-serif;
			font-size: 1em;
			padding: 0;
			margin: 0 auto;
		}
			.AbtBody {
				display: flex;
				flex-direction: column;
				justify-content: center;
				width: 100%;
				background-color: #f5f5f5;
				padding: .25em 0;
				margin: .25em auto;	
				-o-border-radius: 1.25em;
				-ms-border-radius: 1.25em;
				-moz-border-radius: 1.25em;
				-webkit-border-radius: 1.25em;
				border-radius: 1.25em;	
			}
				.AB {
					width: 96%;
					text-align: left;				
					padding: 0;
					margin: 0 2%;
				}
				.AB #danZ {
					width: 80%;
					text-align: center;
					padding: 0 0 .25em 0;
					margin: 0 10%;
				}
		.SpacePics {
			display: flex;
			flex-direction: column;
			width: 100%;
			text-align: center;
			padding: .15em;
			margin: 0 auto;
		}
			.SP_Lft, .SP_Rt {
				width: 100%;
				text-align: center;
				padding: .1em 0;
				margin: 0 auto;
			}
			.SP_Rt {
				margin-top: .5em;
			}
	figure {
		padding: 0;
		margin: 0 auto;
	}
	figcaption {
		text-align: center;
		padding-bottom: .1em;
	}				
		.AboutLinks {
			width: 100%;
			text-align: center;
			margin: 0 auto;
		}
			.AboutLinks h4 {
				text-align: center;
			}
			.AboutLinks li {
				text-align: left;
				padding: .2em 0;
			}
		.Testimonials {
			width: 88%;
			font-size: 15px;
			text-align: center;
			color: #d4470f;
			padding: 0 .75em .5em .75em;
			margin: 0 6% 1em 6%;
		}
			.Testimonials h4 {
				color: #000;
			}
			.Quotes {
				font-style: italic;
				text-align: left;
				margin-bottom: 0;
			}
			.Signature {
				padding-right: 1.5em;
				padding-bottom: .25em;
				margin-top: 0;
				text-align: right;
			}				

@media screen and (max-width: 600px) {
	.Main {
		max-width: 96%;
		margin-right: 2%;
		margin-left: 2%;
	}
}
@media screen and (min-width: 601px) {
	.Main {
		max-width: 90%;
		text-align: center;
		margin-right: 5%;
		margin-left: 5%;
	}		
	.Main h2 {
		font-size: 1.3em;
	}
			.AB {
				width: 92%;
				padding: 0 .75em 0 1.25em; /* 0 .75em .25em 1.25em; */
				margin: 0 0 0 auto;
			}
				.AB #danZ {
					width: 45%;
					max-width: 18em;
					padding: 0 .5em .5em 0;
					margin: 0 0 0 .5em;
					float: right;
				}
			.SpacePics {
				display: flex;
				flex-direction: row;
				width: 100%;
				text-align: center;
				padding: .15em 0;
				margin: 0 auto;
			}
				.SP_Lft, .SP_Rt {
					width: 98%;
					text-align: center;
					padding: .1em 0;
					margin: 1%;
					float: left;
				}	
				.SP_Rt {
					width: 96%;
					margin: 1% 2%;
				}
}
@media screen and (min-width: 800px) {
	.Main {
		max-width: 50em;
		padding-bottom: .5em;
		margin-top: 1.5em;
		margin-right: auto;
		margin-bottom: 1.5em;
		margin-left: auto;
	}
	.AB {
		padding: 1em 1.5em 0 1.5em;
		margin-top: .75em;
		margin-bottom: 0; /*.75em;*/
	}
}