/*Contact 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 |12-11-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 {
		width: 100%;
		min-width: 310px;
		padding-right: 0;
		padding-left: 0;
		margin-right: 0;
		margin-left: 0;
	}	
        .InnerContainer {
                padding: 0;
                margin: 0;
        }
        #innerWrapper {
                background-size: 100%;
        }
	.Main {
		display: flex;
		flex-direction: column;
		width: 100%;
		text-align: center;
		padding: 0 0 .25em 0;
		margin: 0;
	}
	#headline h2 {		
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: 1.25em;
		padding: 0;
		margin: .75em auto .25em auto;
		text-shadow: .01em .01em #d3d3d3;
	}
        #mainCopy {
                width: 100%;
                padding: 0;
                margin: 0 auto;
        }
	#mainCopy p {
		width: 96%;		
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: .95em;
		font-weight: bold;
		text-align: left;
		padding: .25em 0 .5em 0;
		margin: 0 2% .25em 2%;
		text-shadow: .01em .01em #f5f5f5;
	}
	.Lct {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 100%;
		background-color: #f5f5f5;
		font-size: .9em;
		padding: 0;
		margin: 0 auto;	
		-o-border-radius: 1.25em 1.25em 0 0;
		-ms-border-radius: 1.25em 1.25em 0 0;
		-moz-border-radius: 1.25em 1.25em 0 0;
		-webkit-border-radius: 1.25em 1.25em 0 0;
		border-radius: 1.25em 1.25em 0 0;
	}
	.Lct_Txt {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: 0 auto;
	}
	.Lct_Txt h3 {
		padding-bottom: .15em;
		margin-bottom: 0;
	}
		#lct_txt {
			width: 60%;
			font-family: "Myriad Pro Light", Arial, Verdana, sans-serif;
			font-size: 1em;
			padding: 0;
			margin: 0 20%;
		}
	.Lct_Map {
		width: 100%;
		text-align: center;
		padding: 0;
		margin: .5em auto .25em auto;
	}
		.GgMap {
			width: 100%;
			text-align: center;
			padding: 0;
			margin: 0 auto;
		}
			#ggMap_Sm {		
				display: block;
                                text-align: center;
				width: 99%;
				padding: 0;
				margin: 0 .5%;				
			}
			#ggMap_Md {
				display: none;		
			}
			#ggMap_Lg {
				display: none;
			}
	.EmailDisc {
		width: 100%;
		text-align: center;
		margin: 0 auto;
	}
	.EDisc {
		width: 100%;		
		background-color: #f5f5f5;
		padding-top: 0;
		padding-bottom: .5em;
		margin: 0 auto 2.85em 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;	
	}
	.EDisc h4 {
		padding-top: .75em;
		padding-bottom: .15em;
		margin-bottom: 0;
	}
	.EDisc p {
		width: auto;	
		font-family: "Myriad Pro", Arial, Verdana, sans-serif;
		font-size: .95em;
		text-align: left;
		padding: 0 1.5em .25em 1.5em;
		margin-top: 0;
	}
	
/*Media Queries */
/*
     @media screen and (min-width: 450px) {
             body {
		      margin-right: .1em;
		      margin-left: .1em;
	     }

     }
*/
@media screen and (max-width: 600px) and (orientation: portrait) {
        #innerWrapper {
                background-size: 100%;
                padding: 0;
                margin: 0 -2em 0 0;
        }
			#ggMap_Sm {		
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;				
			}
			#ggMap_Md {
				display: none;
				margin-right: 0;
				margin-left: 0;			
			}
			#ggMap_Lg {
				display: none;
				width: 100%;
			}
}

@media screen and (max-width: 600px) and (orientation: landscape) {
        #innerWrapper {
                background-size: 100%;
                padding: 0;
                margin: 0;
        }
			#ggMap_Sm {		
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;				
			}
			#ggMap_Md {
				display: none;
				margin-right: 0;
				margin-left: 0;			
			}
			#ggMap_Lg {
				display: none;
				width: 100%;
			}
}	
@media screen and (min-width: 601px) {
			/*body {
				margin-right: .5em;
				margin-left: .5em;
			}*/
			#headline h2 {
				margin-top: .25em;
			}
			.Main, .Lct, .EmailDisc {
				width: 88%;
				margin-right: 6%;
				margin-left: 6%;
			}
			.Lct {
				-o-border-radius: 1.25em;
				-ms-border-radius: 1.25em;
				-moz-border-radius: 1.25em;
				-webkit-border-radius: 1.25em;
				border-radius: 1.25em;			
			}
			#ggMap_Sm {		
				display: block;
				width: 100%;
				padding: 0;
				margin: 0;				
			}
			#ggMap_Md {
				display: none;
				margin-right: 0;
				margin-left: 0;			
			}
			#ggMap_Lg {
				display: none;
				width: 100%;
			}
			.EmailDisc  p {
				width: 86%;
				padding: 0 0 .25em 0;
				margin: .1em 7%;
			}
}

@media screen and (min-width: 800px) {
			.Main, .Lct, .EmailDisc {
				width: 80%;
				margin-right: 10%;
				margin-left: 10%;
			}
			#ggMap_Sm {		
				display: none;
				width: 100%;
				padding: 0;
				margin: 0;				
			}
			#ggMap_Md {
				display: block;
				margin-right: 0;
				margin-left: 0;			
			}
			#ggMap_Lg {
				display: none;
				width: 100%;
			}
}
@media screen and (min-width: 1000px) {
			#ggMap_Sm {		
				display: none;
				width: 100%;
				padding: 0;
				margin: 0;				
			}
			#ggMap_Md {
				display: none;
				margin-right: 0;
				margin-left: 0;			
			}
			#ggMap_Lg {
				display: block;
				width: 100%;
				margin: .5em auto;
			}
}