html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
ol, ul {list-style: none;}

html {background: #3953a4;}
body {font-family:'Montserrat', sans-serif;background-color:#fff;}

ol, ul {
	list-style-type: none;
	line-height: 1.25em;
}

.mapHrsInner li {
	list-style-type: none;
}

a, a:visited, a:hover, a:active {text-decoration: none; color: inherit;}
h1 {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 1.2em;
}
h2 {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 1.8em;
}
h3 {
	font-size: 31px;
	margin-bottom: 23px;
	}
h1,h2,h3 {
	font-weight: bold;
	color:#3953a4;
	}
	

li {
	list-style-type: disc;
	line-height: 1.6em;
	margin-left: 35px;
	margin-bottom: 0px;
	font-size: 20px;
}

p {
	margin-bottom: 20px;
	font-size: 23px;
	line-height: 1.5em;
}
.location-list li {
	font-size: 17px;
	font-weight: bold;
	margin: 5px 12px;
	line-height: 1.2em;
	color: #161616;
}

strong {
	font-weight: bold;
}

.blah {font-weight: bold;}

.fa-solid, .fas {
	font-weight: 900;
	margin-right: 4px;
}

#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:30px; display:inline-block;text-decoration:none; color:#000;}


.mapHrsWrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* Adjust content distribution */
	max-height: 550px;
	align-items: flex-start; /* Align items at the start of the container */
	margin: 45px auto; /* Center the container while maintaining vertical margin */
	padding: 0; /* Remove padding if any */
	box-sizing: border-box; /* Include border and padding in the element's total width and height */
	background: #a9d0bf!important;
	max-height: 600px;
	margin:1px auto !important;
}

.test-container {
	width: 100%;
	margin: 0 auto;
}


.test-inner-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; /* Adjust content distribution */
	max-height: 550px;
	align-items: center;
	margin: 45px auto; /* Center the container while maintaining vertical margin */
	background: linear-gradient(to bottom,  #eaebff 0%,#ffffff 100%);
	padding: 0; /* Remove padding if any */
	box-sizing: border-box; /* Include border and padding in the element's total width and height */
}

.test-image-div {
	flex-basis: 50%; /* Define initial main size of flex items, adjusting the width indirectly */
	padding: 0px; /* Remove padding */
	box-sizing: border-box; /* Include padding and border in the element's total width */
}

.test-text-div {
	text-align: center;
}

.test-image-div {
	text-align: left;
}

.test-image-div img {
	max-width: 100%;
	max-height: 450px;
	object-fit: cover;
}


.testimonial-button img {
	width: 25px;
	display: inline-block;
	vertical-align: middle;
}

.testimonial-box {
	background-color: #64d3f7;
}


.testimonial-text {
	display: none; /* Hide all testimonials initially */
	transition: opacity 0.75s ease; /* Add a transition effect for opacity */
	opacity: 0; /* Initially set opacity to 0 */
}

	.test-inner-container { border: 1.5px solid black; }
	.test-container { border: 1.5px solid magenta; }
	.test-text-div { border: 1.5px solid blue; }
	.test-image-div { border: 1.5px solid red; }


.content { margin-bottom: 55px;}
.testimonial { background-color: #64d3f7;}
.contact { background-color: #a9d0bf;}
.contact .test-inner-container { background: white;}

.center-container {
	text-align: center; /* This will center the .top3container which is now inline-block */
}


.top3container {
	display: inline-block; /* Make the container inline-block so it's only as wide as its content */
	text-align: center; /* Center the inner content horizontally */
	font-size: 0; /* Remove space between inline elements */
	margin-top:35px;
	margin-bottom:15px;
	box-shadow: 0 0 5px 2px grey; /* Your existing shadow */
}

.top3imagediv {
	display: inline-block;
	margin: 0; /* Remove default margin */
	position: relative; /* Enable positioning of children */
	font-size: 16px; /* Reset font size */
}

.top3imagediv img {
	width: 325px; /* Set image width */
	height: auto;
}

.top3overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%; /* 25% of the height of image-div */
	background-color: rgba(255, 255, 255, 0.8); /* Transparent white */
	display: flex;
	justify-content: center;
	align-items: center;
}

.top3overlay p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin: 0;
	color: #363636;
	text-transform: uppercase;
}

.top3overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%; /* 25% of the height of image-div */
	background-color: rgba(255, 255, 255, 0.8); /* Transparent white */
	display: flex;
	justify-content: center;
	align-items: center;
}

.top3overlay p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin: 0;
	color: #363636;
	text-transform: uppercase;
}


.welcome-inner-container {
	width: 80%; /* Set width to 85% of window */
	margin: 0 auto; /* Horizontally center the container */
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* Horizontally center the contents */
	margin-bottom: 44px;
}

.welcome-text-div {
	width: 75%;
	padding: 0px;
	box-sizing: border-box;
}
.welcome-image-div {
	width: auto;
	max-width: 66%;
	padding: 20px;
	box-sizing: border-box;
}
.welcome-image-div img {
	width: 100%;
	height: auto;
}
.welcome-text-div p {
	margin-bottom: 20px;
}

.learnButton {
	display: inline-block;
	padding: 6px 20px;
	margin: 20px 20px;
	background-color: #64d3f7;
	color: #fff;
	border-radius: 30px;
	text-transform: uppercase;
	font-weight:bold;
	font-size:16px;
}



.contact-text {
	display: none; /* Hide all testimonials initially */
	transition: opacity 0.75s ease; /* Add a transition effect for opacity */
	opacity: 0; /* Initially set opacity to 0 */
}

	#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:0px; display:inline-block;text-decoration:none; color:#000;}

.contact-box {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.contact-box {
	background-color: #d6ebe2;
}

.contact-item {
	background-color: grey;
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	min-height: 100px; /* Ensures each item has a minimum height */
	position: relative; /* Needed for absolute positioning of the icon */
}

#contact-pin {
	background-image: url('images/icon-pin.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
}

#contact-phone {
	background-image: url('images/icon-phone.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
}

#contact-fax {
	background-image: url('images/icon-fax.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	background-size: 20px 20px;
}

.contact .test-inner-container {
    background: white;
}
.contactOuter {
    margin-bottom: 55px;
    background: #a9d0bf;
}
.contactInner {
		display: flex; /* Use flexbox for layout */
		justify-content: space-between; /* Space out flex items */
		align-items: flex-start; /* Align items at their start */
	}




.contentWrapper {
	/* Horizontally center the container */
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* Horizontally center the contents */
	margin: 0 auto 44px;
	background: #fff;
    margin: 0px 0px;
}


.contactImg img {
	width: auto; /* Scale width to maintain aspect ratio */
	max-width: 100%; /* Ensure the image doesn't exceed the width of its container */
	height: auto; /* Scale height to maintain aspect ratio */
	max-height: 450px; /* Ensure the image doesn't exceed a height of 450px */
}

.contact-item {
	background-color: #eee; /* Grey background */
	padding: 10px; /* Adjust padding as needed */
	margin: 15px;
	border-radius: 5px;
	min-height: 30px; /* Ensures each item has a minimum height */
	position: relative; /* Needed for absolute positioning of the icon */
	border: 1px solid black; /* Adds a black border */
	box-shadow: 0 0 8px rgba(128, 128, 128, 0.25); /* Adds a 25% grey outer glow */
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 30px 30px; /* Ensures icons are 30px square */
}

.contact-input {
	position: absolute;
	left: 35px; /* Adjust as needed */
	top: 10px;
	width: calc(100% - 60px); /* Adjust width to account for icon and padding */
	height: 30px;
	border: none;
	background-color: transparent;
	color: black; /* Adjust text color as needed */
}

.contact-input:focus {
	outline: none; /* Removes the blue border/outline on focus */
}


/* Updating the min-height for the last child to 100px */
.contact-item:last-child {
	min-height: 100px;
}

        .rounded-button {
            background-color: #4CAF50; /* Green background */
            border: none; /* Remove borders */
            color: white; /* White text */
            padding: 15px 32px; /* Some padding */
            text-align: center; /* Centered text */
            text-decoration: none; /* Remove underline */
            display: block; /* Inline-block */
            font-size: 16px; /* Increase font size */
            margin: 4px auto; /* Some margin */
            cursor: pointer; /* Pointer/hand icon */
            border-radius: 12px; /* Rounded corners */
        }

        .rounded-button:hover {
            background-color: #45a049; /* Darker green background on hover */
        }


#map {
	height: 200px;
	wwwidth: 50%;
}
.maphours {
	background: none!important;
	wwwidth: 50%;
}



	.aboutimage {
	display: flex;
	flex-direction: column; /* Stacks children vertically */
	align-items: flex-start; /* Aligns children to the start of the container (top) */
	justify-content: flex-start; /* Aligns children to the start along the main axis */
	width: auto; /* Adjusts width to fit content */
	height: 100%; /* Full height to match parent */
	}
	.aboutimage img {
	width: auto; /* Image width auto for intrinsic dimensions */
	height: auto; /* Height auto to maintain aspect ratio */
	max-width: 50%; /* Prevent image from exceeding its container */
	}

	.teamtext {
	text-align: left;
	flex-grow: 1; /* Allow text to take up remaining space */
	}
	
	
	.footer img { float: left; }

.top3outer {
	text-align: center; /* This will center the .top3inner which is now inline-block */
}

.top3inner {
	display: inline-block; /* Make the container inline-block so it's only as wide as its content */
	text-align: center; /* Center the inner content horizontally */
	font-size: 0; /* Remove space between inline elements */
	margin:35px 0px;
	box-shadow: 0 0 5px 2px grey; /* Your existing shadow */
}

.top3imgwrap {
	display: inline-block;
	margin: 0; /* Remove default margin*/
	position: relative; /* Enable positioning of children */
	font-size: 16px; /* Reset font size */
}

.top3imgwrap img {
	width: 365px; /* Set image width */
	height: auto;
}

.top3overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 25%; /* 25% of the height of image-div */
	background-color: rgba(255, 255, 255, 0.8); /* Transparent white */
	display: flex;
	justify-content: center;
	align-items: center;
}

.top3overlay p {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.2em;
	margin: 0;
	color: #363636;
	text-transform: uppercase;
}

.top3inner {
	display: inline-block; /* Make the container inline-block so it's only as wide as its content */
	text-align: center; /* Center the inner content horizontally */
	font-size: 0; /* Remove space between inline elements */
	margin:55px 0px;
	box-shadow: 0 0 5px 2px grey; /* Your existing shadow */
}




.contact-form { margin:0 auto; width:85%;}








.contentText {
	width: 70%;
	padding: 20px;
	box-sizing: border-box;
}

.testimonyInner {
	margin: 0 auto; /* Horizontally center the container */
	display: flex;
	flex-wrap: wrap;
	justify-content: center; /* Horizontally center the contents */
	margin-bottom: 44px;
	background: #fff;
}

.testimonyInnerText {
	width: 33%;
	padding: 20px;
	height: 525px;
	box-sizing: border-box;

}
.testimonyImgDiv {
	width: auto;
	max-width: 66%;
	padding: 20px;
	box-sizing: border-box;
}
.testimonyImgDiv img {
	width: 88%;
	height: auto;
}


	#alphamap {
	height: 250px;
	width: 500px;
	}


.QuoteBtn {
	text-align: center; /* Center the button inside its container */
	display: block; /* Treat the button container as a block element */
	margin: auto; /* Apply automatic margins to horizontally center block elements if needed */
}

.QuoteBtn img {
	width: 55px;
	display: inline-block;
	vertical-align: middle;
	margin:23px;
}

[class^="QuoteTxt"] {
	/* Center the text within its available space */
	/* No specific flex property needed here if they take up available space */
	text-align: center; /* Ensure the text itself is centered */
	flex-grow: 1; /* Allow text sections to expand and take available space, helping with centering */
	display: flex; /* Use flexbox to align text inside */
	align-items: center; /* Center text vertically within the space it occupies */
	justify-content: center; /* Center content horizontally */
	font-family: "Esteban", serif;
}

[class^="QuoteTxt"] i {
	font-size: 2em; /* Adjust size as needed */
	color: #64d3f7; /* Adjust color as needed */
	margin-right: 0.5em; /* Space between quote and text */
	vertical-align: -0.4em; /* Adjust vertical alignment as needed */
}

#testQuotMark {
	font-size:150px!important;
	color:green!important;
	font-family: "Playfair Display", serif !important;
	line-height: 100px!important; /* Explicitly set line-height */
	margin:0!important;
	height:auto!important; 
	width:auto!important;
}

.addtransition {opacity:0;}

[class^="QuoteTxt"].addtransition p {
    margin-top: -50px;
}

.pageTitle {padding: 0 0px;font-size:34px; 
font-weight:bold; color:#3953a4;line-height: 1.3em; margin-bottom:23px;}

.testimonySig {font-size:22px; color:red; margin: 20px; padding-top: 50px;}


/* STYLES & SIZES FOR MAP SECTION ALL HERE */

.mapHrsBackClr {
    background: #a9d0bf!important;
}
.contentInner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-height: 550px;
    margin: 45px auto;
    padding: 0;
    box-sizing: border-box;
    background: white;
}

ol, ul {
    list-style-type: none;
    line-height: 1.25em;
    list-style: none;
}


.locList li {
    font-size: 17px;
    margin: 5px 12px;
    line-height: 1.2em;
    color: #161616;
}

.LocHrsCont {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

.LocHrsCont li:first-of-type{
    font-weight: 700;
    list-style-type: none;
}

.MidLocBox li {
    list-style-type: none!important;
}

.LeftLocBox {
    border: 0px dashed red;
    min-width:15%;
    text-align:left!important;
}
.MidLocBox {
    border: 0px dashed red;
    min-width: 35%;
    text-align:left!important;
}

.RightLocBox {
    border: 0px dashed red;
    min-width: 35%;
    text-align:left!important;
}



.mapWrapper {
    width: 50%;
    display: flex;
    justify-content: center;
}



.footer-woman-owned-right {
        float: right;
    }


.bulletContainer {
	margin: 16px 0px;
}


.bulletContainerlist {
	display: table-cell;
	padding: 0 30px 15px 20px !important;
    list-style: disc;
}

.bulletContainerlist li {
    line-height: 1.6em;
    color: #282828;
    font-size: 18px!important;
	font-weight: bold;
}


<style>
.galleryContainer {
    display: inline-block;
    text-align: center;
    font-size: 0;
    box-shadow: 0 0 5px 2px grey;
}
.galleryImageDiv {
    display: inline-block;
    margin: 0;
    position: relative;
    font-size: 16px;
}
.galleryImageDiv p {
    padding:0px!important;
}
.galleryOverlay {
    position: absolute;
    bottom: 75px!important;
    left: 60px;
    width: 65%;
    height: 10%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 26px;}
.galleryOverlay p {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.2em;
    margin: 0;
    color: #363636;
    text-transform: uppercase;
}
</style>






/* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz */
/* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz */
/* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz */
/* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz *//* zzz */




/* Media query for widths less than 1049px */
@media (max-width: 1049px) {
    .contentInner {
        flex-direction: column;
    }

    .mapWrapper {
        width: 100%;
        margin-bottom: 20px; /* Add space between map and location hours */
    }

    .LocHrsCont {
        width: 100%;
        flex-direction: column;
        align-items: center; /* Center horizontally */
    }

    .LeftLocBox, .RightLocBox {
        width: 100%; /* Make each box take full width of LocHrsCont */
        text-align: center; /* Center text within each box */
    }
}





@media screen and (max-width: 799px) {
	.contact-form { margin:0 auto; width:85%;}

.testimonyInnerText {
	width: 100%;
	padding: 20px;
	height: 525px;
	box-sizing: border-box;
}

.testimonyImgDiv img {
	width: 100%;
	height: auto;
}


	.contentText {
		width: 90%;
		padding: 20px;
		box-sizing: border-box;
	}
	.contentImgDiv {
		width: auto;
		max-width: 66%;
		padding: 20px;
		box-sizing: border-box;
	}

	.contentImgDiv img {
		width: 100%;
		height: auto;
	}


	.contactOuter {
		display: block; /* Use block layout to stack children */
		padding-bottom: 20px; /* Extra space to ensure no overlap with map */
	}

	.contactInner {
		display: block; /* Stack children vertically */
		width: 100%; /* Full width */
		margin-bottom: 20px; /* Space between contact form and map */
	}

flex
	.contactForm {
		margin: 0 auto 20px; /* Add bottom margin to space out from image */
	}

	.contactImg {
		text-align: center; /* Center image within its container */
		margin-top: 35px; /* Add bottom margin to space out from map */
	}

	.contactImg img {
		max-width: 90%; /* Limit width to 90% of its container */
		max-height: 450px; /* Maximum height to maintain aspect ratio */
		height: auto; /* Maintain aspect ratio */
		display: block; /* Display as block to enable margin auto */
		margin: 0 auto; /* Center image horizontally */
	}

	#map {
		height: 250px; /* Fixed map height */
		width: 100%; /* Full width */
		margin-bottom: 20px; /* Add bottom margin to space out from hours/location */
	}

}


















@media screen and (max-width: 1049px) {
	.mapHrsInner {
		display: table;
		margin-right: 100px;
	}
	.full-width-height {
	width: 100%;
	height: 100%; /* Ensures the div takes the full height of the viewport */
	background-color: #f0f0f0; /* Optional: for visual clarity */
	position: relative;
	min-height: 99px;
	text-align: center; /* Horizontal centering */
	}	
	.centered-content {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center; /* Horizontal centering */
	width: 75%;
	}

	.centered-content h1 {
	margin-bottom: 0px!important;
	line-height: 1.2em!important;
	}
}

@media screen and (min-width: 1049px) {
	.full-width-height {display:none;}
}




/* start media queries*/
@media screen and (max-width: 799px) {
	.firstLocList {margin-bottom:20px !important;}
	.mapHrsInner {display:table;}
	.locList {display:table-cell; padding: 0 30px 15px 20px !important;}




	.aboutimage img {
	max-width: 90%; /* Adjust image width on smaller screens */
	}

	.first-location-list {margin-bottom:0px !important;}
	.location-list {margin-left:20px;}
	.top3container {
	font-size: 0px; /* Adjust font size for mobile */
	}
	.top3imagediv {
	margin-bottom: 35px; /* Add margin bottom for mobile */
	}

	.test-inner-container, .welcome-inner-container, .content.contact .test-inner-container {
	flex-direction: column; /* Stack items vertically */
	align-items: center; /* Center items horizontally since they're in a column now */
	}

	.test-text-div, .test-image-div, .welcome-text-div, .welcome-image-div {
	flex-basis: 100%; /* Make text and image divs take the full width */
	}

	.test-image-div, .welcome-image-div {
	text-align: center; /* Center-align the images */
	}
	.test-image-div img, .welcome-image-div img {
	max-width: 90%; /* Adjust image max-width for mobile, if necessary */
	height: auto; /* Adjust height to maintain aspect ratio */
	margin-top: 20px; /* Add some space above the image */
	}

	.masthead {display:table; width:100%; background: linear-gradient(to bottom,  #5ac1e3 0%,#57b2d6 100%); position:relative; text-align:center;}
	.masthead-inner {padding:20px 20px; display:table; width: calc(100% - 40px);}
			.logo {float:none;} 
	.logo img {width:200px; }
	.main-nav {float:none; display:table; margin:20px auto 0; display:none;} 
	.main-nav li {margin-bottom: 0px;display:inline-block; position:relative; padding:10px 0;}
	.main-nav a {font-size:17px; font-weight: bold;  text-transform:uppercase; color:#fff!important; padding:0 7px; text-decoration:none; letter-spacing:0.05em; }
	.main-nav a:hover {color:#f6b327!important; text-decoration:none; }
	.main-nav li:hover > .sub-nav {display:block;}
	.phone-nav a {color:#fffd66!important; }
	.sub-nav {display:none; position:absolute; left:10px; top: 45px; border:1px solid #333; box-shadow: 5px 5px 5px #000; text-align:left; background: #276ca6; padding:0px 0; z-index:10000;}
	.sub-nav li {display:block; padding:0px 0; border-top:1px solid #333;}
	.sub-nav li:first-child {border:0px;}
	.sub-nav li a {color:#fff; padding:5px 20px; display:block; text-align:left; font-size:20px; white-space:nowrap;}
															.arrow {cursor: pointer; position:absolute; top:45%; color:#000; font-size:40px;}
	#overlay { position:fixed;  top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:1000; }
	#modal { top: 0; bottom: 0; left: 0; right: 0; width: 666px; height: 456px; z-index:1001; max-width:90%; }
	#modal img {max-width:100%;}
	#close { position:absolute; background:#333; border-radius:50%; font-family:arial; font-weight:bold; width:44px; height:44px; display:block; text-align:center; color:#fff; cursor:pointer; top:14px; right:17px; box-shadow: 0 0 5px #000; }


	/* zzz */
		/* zzz */

	
	/* zzz */
	.mapWrapper { margin:0 auto;}
	.mapDiv {width:100%; margin:0 auto;}
	/* zzz */
	
	#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:30px; display:inline-block; text-decoration:none; color:#000;}

	.footer {background:#3953a4; padding:10px 50px; 
	display:table; width: calc(100% - 100px);}
	.footer-inner {line-height:1.4em; position:relative; color:#c6ffe2; 
	font-weight:bold; position:relative; display:table; 
	margin:0 auto; padding:20px 0; width:100%;}
	width:100px;
	.footer-inner a {text-decoration:none; color:#8ba6fb;}
	.footer-logo img {position:relative; float:left; width:100px; }
	.footer-contact {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-contact p {font-size:16px;}
	.footer-images {width:100px; float: left;}
	.footer-woman-owned {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-woman-owned-right img {display:none;}
	.footer-woman-owned-left img {width:100px; display:inline-block; margin-top: 16px;}
	.footer-rights {position:relative; float:right; margin: 0 0 0 35px; font-size:14px; line-height: 24px;}
	.footer-rights p span {display:inline-block; width:300px;}
	.footer-rights p input { padding: 5px; margin-top:10px;}

}

















@media screen and (min-width: 800px) and (max-width: 1049px) {
.contentText {
	width: 70%;
	padding: 20px;
	box-sizing: border-box;
}
.contentImgDiv {
	width: auto;
	max-width: 66%;
	padding: 20px;
	box-sizing: border-box;
}

.contentImgDiv img {
	width: 100%;
	height: auto;
}
	.contactImg img {
		max-width: 100%; /* Ensure image is responsive within its container */
		height: auto; /* Maintain aspect ratio */
		min-height: 250px; /* Ensure the image doesn't exceed a height of 450px */
		max-height: 450px; /* Ensure the image doesn't exceed a height of 450px */
	}

	.location-list-container, .bulletContainer {display:table;}
	.location-list {display:table-cell; padding: 0 30px 15px 20px !important;}


	.masthead {display:table; width:100%; background: linear-gradient(to bottom,  #5ac1e3 0%,#57b2d6 100%); position:relative; text-align:center;}
	.masthead-inner {padding:20px 20px; display:table; width: calc(100% - 40px);}
			.logo {float:none;}
	.logo img {width:200px; }
	.main-nav {float:none; display:table; margin:20px auto 0;}
	.main-nav li {margin-bottom: 0px;display:inline-block; position:relative; padding:10px 0; margin-left:0px;}
	.main-nav a {font-size:17px; font-weight: bold;  text-transform:uppercase; color:#fff!important; padding:0 7px; text-decoration:none; letter-spacing:0.05em; }
	.main-nav a:hover {color:#f6b327!important; text-decoration:none; }
	.main-nav li:hover > .sub-nav {display:block;}
	.phone-nav a {color:#fffd66!important; }
	.sub-nav {display:none; position:absolute; left:10px; top: 45px; border:1px solid #333; box-shadow: 5px 5px 5px #000; text-align:left; background: #276ca6; padding:0px 0; z-index:10000;}
	.sub-nav li {display:block; padding:0px 0; border-top:1px solid #333;}
	.sub-nav li:first-child {border:0px;}
	.sub-nav li a {color:#fff; padding:5px 20px; display:block; text-align:left; font-size:20px; white-space:nowrap;}
															.arrow {cursor: pointer; position:absolute; top:45%; color:#000; font-size:40px;}
	#overlay { position:fixed;  top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:1000; }
	#modal { top: 0; bottom: 0; left: 0; right: 0; width: 666px; height: 456px; z-index:1001; max-width:90%; }
	#modal img {max-width:100%;}
	#close { position:absolute; background:#333; border-radius:50%; font-family:arial; font-weight:bold; width:44px; height:44px; display:block; text-align:center; color:#fff; cursor:pointer; top:14px; right:17px; box-shadow: 0 0 5px #000; }
.mobileMenu {display:none;}
	.mapWrapper { margin:0 auto;}
	.mapDiv {width:100%; margin:0 auto;}/* zzz */
	#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:30px; display:inline-block;text-decoration:none; color:#000;}

	.footer {background:#3953a4; padding:10px 50px; 
	display:table; width: calc(100% - 100px);}
	.footer-inner {line-height:1.4em; position:relative; color:#c6ffe2; 
	font-weight:bold; position:relative; display:table; 
	margin:0 auto; padding:20px 0; width:100%;}
	.footer-inner a {text-decoration:none; color:#8ba6fb;}
	.footer-logo img {position:relative; float:left; width:100px; }
	.footer-contact {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-contact p {font-size:20px;}
	.footer-images {width:100px; float: left;}
	.footer-woman-owned {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-woman-owned-right img {display:none;}
	.footer-woman-owned-left img {width:100px; display:inline-block; margin-top: 16px;}
	.footer-rights {position:relative; float:right; margin: 0 0 0 35px; font-size:14px; line-height: 24px;}
	.footer-rights p span {display:inline-block; width:300px;}
	.footer-rights p input { padding: 5px; margin-top:10px;}

					
}


@media screen and (min-width: 1050px) and (max-width:1459px) {
	
	.masthead {display:table; width:100%; position:relative; background: linear-gradient(to bottom,  #5ac1e3 0%,#57b2d6 100%);}
	.masthead-inner {padding:20px 20px; display:table; width: calc(100% - 40px);}
			.logo {float:left;}
	.logo img {width:125px; }
	.main-nav {float:right; margin-top:30px; margin-right:40px;}
	.main-nav li {margin-bottom: 0px;display:inline-block; position:relative; 
	    list-style-type: disc;
	line-height: 2.5em;
	margin-left: 16px;}
	.main-nav a {font-size:17px; font-weight: bold;  text-transform:uppercase; color:#fff!important; padding:0 7px; text-decoration:none; letter-spacing:0.05em; }
	.main-nav a:hover {color:#f6b327!important; text-decoration:none; }
	.main-nav li:hover > .sub-nav {display:block;}
	.phone-nav a {color:#fffd66!important; }
	.sub-nav {display:none; position:absolute; left:10px; top: 45px; border:1px solid #333; box-shadow: 5px 5px 5px #000; text-align:left; background: #276ca6; padding:0px 0; z-index:10000;}
	.sub-nav li {display:block; padding:0px 0; border-top:1px solid #333; margin-left: 0px;}
	.sub-nav li:first-child {border:0px;}
	.sub-nav li a {color:#fff; padding:5px 20px; display:block; text-align:left; font-size:20px; white-space:nowrap;}
	
		
															.arrow {cursor: pointer; position:absolute; top:45%; color:#000; font-size:40px;}
	#overlay { position:fixed;  top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:1000; }
	#modal { top: 0; bottom: 0; left: 0; right: 0; width: 666px; height: 456px; z-index:1001; max-width:90%; }
	#modal img {max-width:100%;}
	#close { position:absolute; background:#333; border-radius:50%; font-family:arial; font-weight:bold; width:44px; height:44px; display:block; text-align:center; color:#fff; cursor:pointer; top:14px; right:17px; box-shadow: 0 0 5px #000; }
	.mobileMenu {display:none;}
	#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:30px; display:inline-block;text-decoration:none; color:#000;}
	
	
	.footer {background:#3953a4; padding:10px 50px; 
	display:table; width: calc(100% - 100px);}
	.footer-inner {line-height:1.4em; position:relative; color:#c6ffe2; 
	font-weight:bold; position:relative; display:table; 
	margin:0 auto; padding:20px 0; width:100%;}
	.footer-inner a {text-decoration:none; color:#8ba6fb;}
	.footer-logo img {position:relative; float:left; width:205px; }
	.footer-contact {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-contact p {font-size:20px;}
	.footer-woman-owned {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-woman-owned-right img {width:160px;}
	.footer-woman-owned-left img {display:none;}
	.footer-rights {position:relative; float:right; margin: 0 0 0 35px; font-size:14px; line-height: 24px;}
	.footer-rights p span {display:inline-block; width:300px;}
	.footer-rights p input { padding: 5px; margin-top:10px;}

					
}



@media screen and (min-width: 1460px) {
	.contentText {
	width: 33%;
	padding: 20px;
	box-sizing: border-box;
}
	.masthead {display:table; width:100%; position:relative;
	background: linear-gradient(to bottom,  #5ac1e3 0%,#57b2d6 100%);}
	.masthead-inner {padding:20px 20px; display:table; width: calc(100% - 40px);}
			.logo {float:left;}
	.logo img {width:125px; }
	.main-nav {float:right; margin-top:30px; margin-right:40px;}
	.main-nav li {margin-bottom: 0px;display:inline-block; position:relative; 
	    list-style-type: disc;
	line-height: 2.5em;
	margin-left: 16px;}
	.main-nav a {font-size:17px; font-weight: bold;  text-transform:uppercase; color:#fff!important; padding:0 7px; text-decoration:none; letter-spacing:0.05em; }
	.main-nav a:hover {color:#f6b327!important; text-decoration:none; }
	.main-nav li:hover > .sub-nav {display:block;}
	.phone-nav a {color:#fffd66!important; }
	.sub-nav {display:none; position:absolute; left:10px; top: 45px; border:1px solid #333; box-shadow: 5px 5px 5px #000; text-align:left; background: #276ca6; padding:0px 0; z-index:10000;}
	.sub-nav li {display:block; padding:0px 0; border-top:1px solid #333; margin-left: 0px;}
	.sub-nav li:first-child {border:0px;}
	.sub-nav li a {color:#fff; padding:5px 20px; 
	display:block; text-align:left; font-size:20px; white-space:nowrap;}


															.arrow {cursor: pointer; position:absolute; top:45%; color:#000; font-size:40px;}
	#overlay { position:fixed;  top:0; left:0; width:100%; height:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:1000; }
	#modal { top: 0; bottom: 0; left: 0; right: 0; width: 666px; height: 456px; z-index:1001; max-width:90%; }
	#modal img {max-width:100%;}
	#close { position:absolute; background:#333; border-radius:50%; font-family:arial; font-weight:bold; width:44px; height:44px; display:block; text-align:center; color:#fff; cursor:pointer; top:14px; right:17px; box-shadow: 0 0 5px #000; }
.mobileMenu {display:none;}
	.mapWrapper { margin:0 auto;}
	#submitbtn {border-radius:4px; border:1px solid #c0c0c0; padding:10px; font-size:20px; margin-top:30px; display:inline-block;text-decoration:none; color:#000;}
	
	.footer {background:#3953a4; padding:10px 50px; 
	display:table; width: calc(100% - 100px);}
	.footer-inner {line-height:1.4em; position:relative; color:#c6ffe2; 
	font-weight:bold; position:relative; display:table; 
	margin:0 auto; padding:20px 0; width:100%;}
	.footer-inner a {text-decoration:none; color:#8ba6fb;}
	.footer-logo img {position:relative; float:left; width:205px; }
	.footer-contact {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-contact p {font-size:20px;}
	.footer-woman-owned {position:relative; float:left; margin: 0 0 0 35px;}
	.footer-woman-owned-right img {width:160px;}
	.footer-woman-owned-left img {display:none;}
	.footer-rights {position:relative; float:right; margin: 0 0 0 35px; font-size:14px; line-height: 24px;}
	.footer-rights p span {display:inline-block; width:300px;}
	.footer-rights p input { padding: 5px; margin-top:10px;}

					
}




	.cbp-spmenu-vertical a {padding: 1.2em;}
	.cbp-spmenu h3 {background:#fff; text-align:center; padding: 0;}
	.cbp-spmenu h3 img {padding: 10px 0; max-width:90%; margin:0 auto;}
	.cbp-spmenu a, 
	.cbp-spmenu a.mobile-sub-link {
	text-transform: uppercase !important;
	text-decoration: none !important;
	background: #5ac1e3 !important;
	border-bottom: 1px solid #005;
	color: #fff !important;
	font-size: 1.0em !important;
	font-weight: 600 !important;
	}
	.cbp-spmenu a.mobile-sub-link {
	background: #50a2bd !important; /* Override background color */
	}
	.cbp-spmenu a:hover, 
	.cbp-spmenu a.mobile-sub-link:hover  {
	background: #373737 !important; /* Override background color */
	}
	.cbp-spmenu a:hover {background:#45a8a3;}
	.mobileMenu {font-family:'ff-good-headline-web-pro-con' !important; 
	border-radius:0px; color:#d0dc33; font-weight:bold; border:0px; 
	padding: 8px 10px; position: absolute!important;  z-index:1111; 
	font-size:18px !important; top: 110px!important; left: 8px!important; background:transparent;}
	.mobileMenu img {width:35px;}





/*end media queries*/
/* 
	[class^="full-width-height"] { border: 2px dashed blue; }
	div { border: 0px solid red;}
	[class^="main"] { border: 2px dashed blue; }
	[class^="masthead"] { border: 2px dashed green; }
	[class^="masthead-inner"] { border: 2px dashed orange; }
	
	.footer { border: 3px dashed white; }
	.footer-inner { border: 1px dashed black; }
	.footer-images { border: 2px dashed yellow; }
	.footer-logo img { border: 1px dashed red;}
	.footer-contact { border: 1px dashed white;}
	
	[class^="teamcontainer"] { border: 3px dashed black; }
	[class^="team-section"] { border: 1px dashed orange; }
	[class^="teammember"] { border: 1px dashed green; }
	[class^="teamtext"] { border: 0px dashed blue; }
	[class^="aboutimage"] { border: 1px dashed green; }
	
	.locList { border: 3px dashed white; }
	.firstLocList { border: 3px dashed red; }
	.contactOuter { border: 5px dashed yellow; }
	.contactInner { border: 3px dashed blue; }
	.contact-item { border: 3px dashed red; }
	.rounded-button { border: 3px dashed green; }
	.contactOuter { border: 3px dashed yellow; }
	.contactInner { border: 3px dashed orange; }
	.contact-item { border: 3px dashed red; }
	.rounded-button { border: 3px dashed green; }
	.mapHrsCont { border: 3px dashed black; }
	.location-list-container .bulletContainer { border: 3px dashed green; }
	ul { border: 3px dashed black; }
	li { border: 0px dashed red; }
	.bulletContainerlist { border: 3px dashed blue;}
	.teamtext { border: 3px dashed blue;}
	.bulletContainerlist { border: 3px dashed blue;}
	.welcome-inner-container { border: 3px dashed blue;}
	.welcome-text-div { border: 3px dashed red;}
	.galleryContainer { border: 3px dashed red;}
	* {border: 0px dashed red;}
	
	div {
    border: 1px solid red;
}

 */