/* =============== COLOR PALETTE ================= 
Color Pallete#1:
green-yellow / pine-glade: #9FB569;
mint-julep / light-beige: #f6f3d5;
orange-yellow / beige: #ded29e;
mongoose/ light-brown: #b3a580;
tobacco-brown / dark-brown: #685642;


Color  Pallete #2:
teal: #63cfcb;
purple: #9068be;
light grey: #eef2f6;
red: #e62739;
black: #54595f;
lighter-black: #778088;


Color Pallete #3:
sky: #caebf2;
carbon: #a9a9a9;
watermelon: #ff3b3f;
neutral: #efefef;

Color Pallete #4:
costa del sol/dark-brown green: #666633;
pine glade/limestone: #cccc99;
white: #ffffff;
#paprika: #990033;

Color Pallette #5:
light blue: #C9E6E2;
dark grey blue: #96B7BE or #598691;
royale blue: #446DA3;
black: #565457;
dark grey: #8B918F;
grey: #B8B3AF;
light-grey: #E7E0D6;

Final:
cream: #FCFBE3;
green-yellow / pine-glade: #9FB569;
mongoose/ light-brown: #AA9765;
tobacco-brown / dark-brown: #685642;
tan:#e9cc90;

*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Arimo');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');

body{
	background-color: #FCFBE3;
	background-image: url(../images/soft-sand-light.jpg);
}

#sand{
	background-image: url(../images/soft-sand-light.jpg);
}

h1,h2,h3,h4,h5,h6,p {
	/*font-family: 'Roboto', sans-serif;*/
	font-family: 'Roboto Slab', serif;
}

/*==========================
	Mobile Menu Header Bar
============================*/

.bar-title {
  background: #000;
  color: #fefefe;
  padding: 0.5rem; 
	z-index: 2}
  .bar-title::before, .bar-title::after {
    content: ' ';
    display: table; 
	z-index: 2}
  .bar-title::after {
    clear: both; 
	z-index: 2}
  .bar-title .menu-icon {
    margin-left: 0.25rem;
    margin-right: 0.5rem; }

.bar-title-left {
  float: left; }

.bar-title-right {
  float: right;
  text-align: right; }

.bar-title-title {
  font-weight: bold;
  vertical-align: middle;
  display: inline-block; 
}
.title-width{
	font-size: 1.15em;
}
#navigation {
	width: 100%;
    padding-right:5px; 
    color: #fff;
    text-align: center;
}
#navigation ul {
    display: none;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 2.5em;
}
#navigation ul.expanded {
    display: block;
}
#navigation li a {
    display: block;
    padding: 7.5px 0;
    border-top: 1px solid #666;
    font-size: 1.2em;
    color: #ccc;
    text-decoration: none;
}
.menu_button {
    display: block;
    text-align: right;
    color: #fff;
    text-decoration: none;
    padding-top: 0.3em;
}
.menu_button:hover {
    color: #58cbdb;
    text-decoration: none;
}

.mobile-contact-form{
	display: none;
}

.no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	margin-top: 0px;
	overflow: hidden;
}

.header-bar{
	max-width: 20%;
	padding: 0.5em 1em;
	background-color: #9FB569;
}

.logo{
	text-align: center;
	/*float: left;*/
	margin-top: 0.45rem;
	/*margin-left: 1.4em;*/
	margin: 1.15rem auto !important;
	color: #fff;
}.logo h1{
	color: #fff;
    padding-left: 0.15em;
	letter-spacing: 0.14em;
	margin-bottom: 0;
	line-height: 1.1em;
	font-size: 3.25em;
	font-weight: 900;
	font-family: 'Roboto Slab', serif;
}.logo h5{
	color: #fff;
	font-family: 'Roboto Slab', serif;
	font-size: 1.13em;
}
.logo-resize{
	height: auto;
	max-width: 100px;
	color: #fff;
}

.header-contact{
	float: right;
	padding: 1rem;
	max-width: 35%;
} .header-contact h2{
	text-align: center;
	font-size: 1.5em;
}

/*SIDE BAR NAVIGATION*/
.side-nav{
	height: 100%;
	width: 20%;
	top: 0;
    left: 0;
    background-image: url(../images/weave-background.jpg);
    /*background-color: #565457;*/
    overflow-x: hidden;
    margin: 0;
    text-align: center; 
    position: fixed;
}.side-nav ul{
	list-style-type: none;
	margin: 1.1em auto;
	padding: 0;
	overflow: hidden;
	text-align: center;
} .side-nav li{
	/*float: left;*/
	margin: 1.5em auto;
} .side-nav li:last-child{
	border-right: none;
} .side-nav li button {
	display: block;
	color: black;
	text-align: center;
	text-decoration: none;
} .side-nav li button:hover:not(.active) {
    background-color: #9FB569;
} .active {
	border-bottom: 3px solid #e62739;
} .side-nav li button h3{
	font-size: 1.35vw;
	margin-bottom: 0 !important;
}.side-nav li h3{
	font-size: 1.5vw;
	margin-bottom: 0 !important;
	text-align: center;
	padding: 0.3em 0.15em;
	color:white;
}.side-nav li h4{
	font-size: 1.1vw;
	margin-bottom: 0 !important;
	color:white;
}
.page-row{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.body-width{
	/*max-width: 80%;*/
	flex: 0 0 80%;
	/*flex-grow:1;*/
}

/* TOP BAR NAVIGATION*/
.main-nav {
	clear: both;
	display: inline-block;
	margin: 0 auto;
	font-size: 1.2em;
	height: auto; 
	width: 70%;
	max-width: 80%;
	text-align: center;
}.main-nav ul{
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	display: inline-block;
	/*width: 100%;*/
	overflow: hidden;
	background-color: #9FB569;
	width: 80%;
	max-width: 80%;
	text-align: center;
} .main-nav li{
	float: left;
	margin: 0 5%;
} .main-nav li:last-child{
	border-right: none;
} .main-nav li button {
	display: block;
	color: black;
	text-align: center;
	text-decoration: none;
} .main-nav li button:hover:not(.active) {
    background-color: #9FB569;
} .active {
	border-bottom: 3px solid #e62739;
} .main-nav li button h3{
	font-size: 1.35vw;
	margin-bottom: 0 !important;
}.main-nav li h3{
	font-size: 1.35vw;
	margin-bottom: 0 !important;
	text-align: center;
	padding: 0.3em 0.15em;
	color:white;
}
.main-nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;  
  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;

}

.main-nav > * {
  padding: 10px;
  flex: 1 100%;
}


.main-nav li a:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}

.nav-contact-btn{
	font-size: 1.67vw;
	width: 11vw;
	margin-bottom: 0 !important;
	margin: 0 auto;
	text-align: center;
	background-color: #9FB569;
	color: #fff;
	padding: 0.5em 0.6em;
	display: inline-block;
	-moz-transition: all .15s ease-in;
    -o-transition: all .15s ease-in;
    -webkit-transition: all .15s ease-in;
    transition: all .15s ease-in;

}.nav-contact-btn:hover { 
	background-color: #9FB569;
	color: #fff;

}

/* ================== POPUP FORM ===========================*/
.modal {
	left: 33%;
	margin: -250px 0 0 -32%;
	opacity: 0;
	position: absolute;
	top: -30%;
	visibility: hidden;
	width: 70%;
	box-shadow: 0 3px 3px rgba(0,0,0,.25);
	z-index: 3;
	box-sizing: border-box;
	transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
}
.modal:target {
	opacity: 1;
	top: 50%;
	visibility: visible;
}
.modal .modal-header, .modal .modal-footer {
	border-bottom: 1px solid #e7e7e7;
	border-radius: 5px 5px 0 0;
}
.modal .modal-footer {
	border: none;
	border-top: 1px solid #e7e7e7;
	border-radius: 0 0 5px 5px;
}
.modal h2 {
	margin: 0;
	color: #333333;
}
.modal .modal-btn {
	float: right;
}
.modal .copy, .modal .modal-header, .modal .modal-footer {
	padding: 1em;
	color: #333333;
}
.modal-content {
	background: white;
	position: relative;
	z-index: 20;
	border-radius: 5px;
	color: #333333;
}
.modal .copy {
	background: #fff;
	padding: 1em 0 !important;
	width: 80%;
	margin: 0 auto;
}
.modal .overlay {
	background-color: #000;
	background: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10;
}
.copy{

}
.copy ul li a {
	color: #333333;
	text-decoration: none;
}
.form-labels{
	max-width: 40%;
	width: 20%;
	font-size: 1.20vw;
	float: left;
}
.required-fields{ color: #ff3333; }
.text-input{
	width: 70%;
	max-width: 70%;
	min-width: 70%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 2em;
    margin-right: 0;
    margin-left: 0;
}
.message{
	width: 100%;
	height: 10em;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-repeat: no-repeat;
}
.close-x{
	font-size: 100%;
	font-color:black !important;
	font-weight: bold;
	width: 40px;
  	height: 40px;
  	float: right;
}
.submit-btn{
	width: 40%;
	float: right;
	color: #fff;
	background: #9FB569;
	padding: 0.75em 1em;
	border-radius: 5px;
}
.form-feedback {
	text-align: center;
	background:#cef6ce;
	color:#088a08;
	padding: 0.75em;
	margin: 0.9em 0;

}
.form-feedback.error {
	background:#f5a9a9;
	color:#610b0b;
	padding: 0.75em;
	margin: 0.9em 0;
}

/* Responsive Options */
@media screen and (min-width: 768px) {
	.modal{
		width:70%;
		margin:-250px 0px 0px -18.2%;
		top: -50%;
	}
}
.modalcss-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Firefox: Get rid of the inner focus border */
.modalcss-button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.modalcss-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999;  /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0);  /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

.modalcss-button-hover,
.modalcss-button:hover,
.modalcss-button:focus {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000',GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
    background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: -moz-linear-gradient(top, rgba(0,0,0, 0.05) 0%, rgba(0,0,0, 0.10));
    background-image: -o-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.modalcss-button:focus {
    outline: 0;
}
.modalcss-button-active,
.modalcss-button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000\9;
}
.modalcss-button[disabled],
.modalcss-button-disabled,
.modalcss-button-disabled:hover,
.modalcss-button-disabled:focus,
.modalcss-button-disabled:active {
    border: none;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    filter: alpha(opacity=40);
    -khtml-opacity: 0.40;
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor: not-allowed;
    box-shadow: none;
}

.modalcss-button-hidden {
    display: none;
}

/* Firefox: Get rid of the inner focus border */
.modalcss-button::-moz-focus-inner{
    padding: 0;
    border: 0;
}

.modalcss-button-primary,
.modalcss-button-selected,
a.modalcss-button-primary,
a.modalcss-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}

.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
    background: rgb(66, 184, 221); /* this is a light blue */
}





/* ================= POPUP FORM ========================*/
/* The Modal (background) */
/*.modal {*/
    /*display: none;*/ /* Hidden by default */
    /*position: fixed;*/ /* Stay in place */
    /*z-index: 1;*/ /* Sit on top */
   /* padding-top: 100px;*/ /* Location of the box */
    /*left: 0;
    top: 0;*/
    /*width: 100%; *//* Full width */
    /*height: 100%;*/ /* Full height */
    /*overflow: auto;*/ /* Enable scroll if needed */
    /*background-color: rgb(0,0,0); *//* Fallback color */
    /*background-color: rgba(0,0,0,0.4);*/ /* Black w/ opacity */
/*}*/

/* Modal Content */
/*.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s
}*/

/* Add Animation */
/*@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0} 
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}*/

/* The Close Button */
/*.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}*/


.billboard{
	width: 100%;
}

.billboard-section {
 	color: #fff;
	padding: 4.5em;
 	margin: auto;
 	text-align: center;
	position: relative;
	z-index: 1;
	height: 250px;
	width: 100%;
	/*background-color: blue;*/
	/*background-image: url(../images/fiji-hawaii-island.jpg);*/
	/*background-image: url(../images/big-beach.jpeg);*/
	/*background-image: url(../images/tortola-british-virgin-island.jpg);*/
	background-image: url(../images/flower-view-beach.jpg);
	background-attachment: fixed;
	background-size: 100% 105%;
	background-position: 100px -225px;
	background-repeat: no-repeat;
} .billboard-section h1{
	font-weight: 900;
	font-size: 250%;
 	color: #fff;
	display: block;
	margin-bottom: 0.55em;
} .billboard-section h3{
	font-size: 110%;
	color: #fff;
}
.billboard-greeting{
	position: relative;
	z-index: 2;
}

.greeting-box{
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0.25em 2em 0.75em 2em;
	/*background-color: #FCFBE3;*/
	background-image: url(../images/soft-sand-light.jpg);
} .greeting-box div{
	
} .greeting-box h1{
	text-align: center;
	margin-bottom: 0.45em;
} .greeting-box p{
	text-align: left;
	margin-bottom: 1.1em;
	font-size: 1.25em;
	line-height: 1.25;
}
.greeting {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 84%;
	padding: 2rem;
}



.practice-info{
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0.75rem 2.5rem 0.75rem 2.5rem;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
} .practice-info h1{
	text-align: center;
	font-color: white;
	margin-bottom: 0.45em;
}

.indv-therapy{
	display: table;
	text-align: center;
	padding: 0;
	width: 80%;
	margin: 0 auto;
	height: auto;
}.indv-therapy p{
	text-align: left;
	line-height: 1.25;
	font-size: 1.25em;
	margin-bottom: 1.25em;
}
.diagnosis-list{
	display: inline-block;
	float:left;
	line-height: 90%;
	margin: auto;
}.diagnosis-list h4{ 
	font-weight: bold;
	text-align: center;
}.diagnosis-list ul{
	margin: 0 !important;
}.diagnosis-list li {
	list-style-type: none;
	list-style: none;
	list-style-position: inside;
	
	font-size: 1.1rem;
	line-height: 200%;
}
.margin-fix{
	margin: 0 !important;
	padding: 0 !important;
}

#left-list{
	max-width: 30%;
	width: 25%;
	float: left;
	display: inline-block;
	margin-left: 3% !important;
	margin-right: 3% !important;
	/*margin: 0.5rem 0 1.15rem 0.5rem;*/
}
#mid-list{
	width: 25%;
	margin: 0 auto;
	display: block;
	text-align: center;
}
#right-list{
	width: 25%;
	float: right;
	display: inline-block;
	margin-right: 3% !important;
	margin-left: 3% !important;

	/*margin: 0.5rem 0.5rem 1.15rem 0;*/
}


.ind-table{
    display: flex;
    flex-grow: 1;
}

.ind-table > .table-group {
    margin: 10px;
    padding: 10px;
    background-color: #AA9765;
    flex: 1 1 27%;
    width: 27%;
    border: 1px solid black;
    color: #fff;
    box-shadow: 0.6vw 0.62vw 0.4vw #a6a6a6;
}

.ind-table > .table-group:first-child {
    columns: 12em;
    flex-grow: 2;    
}
.ind-table > .table-group .table-item{
	padding: 0.4em;
	text-align: center;
	color: #fff;
	font-size:0.9em;
}

.ind-table > .table-group .table-item h3{
	color: #fff;
	font-weight: 700;
	font-size: 2vw;
	padding: 0.8vw 0;
    background-color: #AA9765;
    break-inside: avoid;
	border-bottom: 1px solid #fff;

}

.ind-table > .table-group .table-item:first-child {
    margin-top: 0;
}


.stressors-container{
	width: 100%;
	height: auto;
	padding: 4em 2.5em 2em 4em;
	margin-bottom: 0em;
	background-image: url(../images/soft-sand-light.jpg);
	background-color: #FCFBE3;
}
.life-stressors{
	padding: 1em;
	width: 90%;
	margin: 0 auto;

} .life-stressors h1{
	font-weight: bold;
	text-align: center;
} .life-stressors li {
	line-height: 250%;
	margin: 0; 
	list-style: none;
}


.life-stress-left{
	width: 90%;
	padding: 0.5em 0;
	text-align: left;
	margin: 0 auto;
	font-size: 1.2em;
	line-height: 1.25;
}.life-stress-left p{
	line-height: 1.25;
}
.life-stress-right{
	width: 65%;
	padding: 1em;
	float: right;
}


.stress-container{
	width: 80%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: auto;
	display: flex;
	-webkit-flex-flow: row wrap;
  	justify-content: space-around;
	clear: both;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
}

.life-stressor-box{
	padding:2em 2em 17.5% 2em;
	background-color: #9FB569;
	margin: 3.5%;
	color: #000;
	flex: 1 1 40%;
	width: 40%;
	height: 200px;
	/*transform: translate(-50%,-50%);*/
	position: relative;
	border: 1px solid black;
}
div.life-stressor-box:first-child{
	margin-left: 3.5%;
}
div.life-stressor-box#stress{ /* width 15% */}
.life-stressor-box:hover .overlay {
  height: 100%;
}

.stressor {
	text-align: center;
	vertical-align: middle;
	line-height: normal;
}.stressor h4{
	font-size: 1.4vw;
	font-weight: 800;
	margin-bottom: 1em;
}

.overlay {
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #AA9765;
  color: #fff;
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}

.text {
  white-space: normal; 
  text-align: left;
  padding: 1.7vw 1.6vw;
  color: #fff;
  font-size: 1.15vw;
  font-weight: 500;
  line-height: 1.35vw;
  position: absolute;
  overflow: hidden;
  width: 100%;
  margin-top: 2.1em;
  /*top: 50%;
  left: 50%;*/
  /*transform: translate(-50%, -95%);
  -ms-transform: translate(-50%, -50%);*/
}.stress-btn{
	margin: auto;
	text-align: center;
	width: 60%;
	font-weight: 800;
  	font-size: 0.9vw;
	background-color: #fff;
	color: #565457;
	transform: translate(32.5%, 400%);
}.button:hover, .button:focus {
    background-color: #AA9765;
    color: #fff; }
#right-stress{
	float: right;
	margin: 0 !important;
}
/*.top-left{ top:0; left:0;}
.top-right{ top: 0; right:0;}
.bottom-left{ bottom:0; left:0;}
.bottom-right{ bottom:0; right:0;}*/

#team-margin-fix{
	margin-top: 0em;
}
.team {
	margin-top: 0em;
	padding: 2em 1.25rem;
	width: 100%;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
}.team h2{
	margin-bottom: 3rem;
	font-weight: bold;
	text-align: center;
}
.team-box{
	max-width: 1536px;
	width: 80%;
	margin-top: 0;
	margin-bottom: 2.5em;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
}
.team-width{
	width: 33%;
} .team-width img{
	width: 65%;
	margin-bottom: 1em;
	max-height: 250px;
	border: 2px solid black;
}.team-width h5{
	font-size: 1.5em;
}.team-width h6{
	font-size: 1.25em;
}
#left-team{
	float: left;
} #right-team{
	float: right;
} #center-team{
	display: inline-block;
	margin: auto;
}
.learn-btn{
	display: block;
	margin: 1.25em auto 0 auto;
	line-height: 0.95rem;
	font-size: 1.1rem;
	width: 13em;
	background-color: #9FB569;
}



/* ========== CONTACT INFO =========*/
.contact-info{
	width: 100%;
	padding: 2rem;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
	display: inline-block;
}.contact-info h5{
	display: inline-block;
	font-size: 1.1em;
}

}.info-box{
	width: 90%;
	margin: 0 auto;

}
.left-info{
	display: inline-block;
	margin-right: 2rem;
	width: 30%;
}
.right-info{
	/*flex: 3;*/
}
.hours{
	/*flex: 1;*/
	float: left;
	width: 100%;
	margin-bottom: 3em;
	height: auto;
}.hours h3{
	text-align: center;
	font-weight: bold;
	border-bottom: 1px solid black;
}.hours h5{
	text-align: left;
	line-height: 1.8em;
}.hours span{
	float: right;
}

.info{
	/*flex: 1;*/
	width: 100%;
	/*float: left;*/
}.info h3{
	border-bottom: 1px solid black;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-bottom: 1em;
}.info h4{
	float: left;
	display: inline-block;
	/*padding-bottom: 0.75em;*/
}.info i {
	display: block;
	float: left;
	margin-right: 0.75em;
}
.push{
	margin-left: 2.4em;
}

.map{
	width: 65%;
	border: 2px solid black;
	height: 500px;
	/*margin-left: 0.5%;*/
	float: right;
	display: inline-block;
}
.google-map{
  top:      0;
  left:     0;
  bottom:   0;
  right:    0;
  width:    100%;
  height:   100%;
}
 .next-line{
 	display: block;
 }

/* ============= ABOUT PAGE ================= */
.text-box{
	width: 100%;
	max-width: 100%;
	height: auto;
	padding: 0.75em 2em 0.75em 2em;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
} .text-box div{
	
} .text-box h3{
	text-align: center;
	/*margin-bottom: 0.5em;*/
} .text-box p{
	text-align: center;
}
.about-text{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	padding: 1.1rem 0 0 0;
	font-color:black;
	line-height: 1.1em;
	font-weight: 500;
	font-family: 'Roboto Slab', serif;
}.about-text p {
	text-align: left;
	font-size: 1.25em;
	line-height: 1.12em;
}.about-text li {
	font-size: 1.25em;
	font-family: 'Roboto Slab', serif;
}

/* Style the tab */
.tab {
    overflow: hidden;
    /*border: 1px solid #ccc;*/
    /*background-color: #f1f1f1;*/
    font-color: #fff;
    background-image: url(../images/weave-background.jpg);
    background-position: 25px -225px;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    display: inline-block;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 2em 0;
    transition: 0.3s;
    width: 30%;
    font-size: 1.15em;
    font-weight: 500;
    color: #fff;
}
.tab-align{
	margin: 0 auto;
	text-align: center;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #eed7aa;
    color: #000;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #e6c47f;
    color: #000;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
    display: none;
}



/* ============= PROFILE PAGE ================= */
.profile-container{
	width: 100%;
	padding-top: 3em;
    padding-bottom: 3em;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/
}

.title-section{
	width: 60%;
	display: table;
	margin: 0 auto;
}.title-section img{
	width: 20%;
	height: auto;
	display: inline-block;
	float: left;
	border: 1px solid black;
}.title-section h2{
	text-align: center;
	vertical-align: middle;
	margin: auto;
	height: auto;
	display: block;
	font-size: 3em;
	font-weight: 800;
}.title-section h3{
	text-align: center;
	margin: auto;
	vertical-align: middle;
	display: block;
	height: auto;
	font-size: 1.5em;
	font-weight: 700;
}

.bio-section{
	width: 80%;
	display: block;
	line-height: 1.12em;
	margin: 0.75em auto 0 auto;
	font-size: 1.15em;
	font-family: 'Roboto Slab', serif;

}

.contact-form{
	display: block;
	width: 100%;
	padding-top: 1.5em;
	background-image: url(../images/soft-sand-light.jpg);
	/*background-color: #FCFBE3;*/

}
.form-width{
	display: block;
	width: 80%;
	margin: 0 auto;
}.form-width h2{
	text-align: center;
}

.contact-form-labels{
	max-width: 40%;
	width: 20%;
	font-size: 1.4em;
	float: left;
	margin-left: 5%;
	font-size: 1.25vw;
}
.contact-text-input{
	width: 70%;
	max-width: 70%;
	min-width: 60%;
    border: 1px solid #ccc;
    box-sizing: border-box;
    display: inline-block;
    margin-top: 0 !important;
    margin-bottom: 2em;
    margin-right: 0;
    margin-left: 0;
}
.contact-message{
	width: 90%;
	height: 15em;
	border: 3px solid #cccccc;
	padding: 5px;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.same-line{
	display: inline-block;
}
.mv-right{
	margin-left: 2.5em;
	margin-top: 1.1em;
}
.submit-btn{
	display: inline-block;
	border: 1px solid #bfbfbf;
	color: #fff;
	background: #bfbfbf;
	padding: 0.75em 1em;
	border-radius: 5px;
	margin-right: 5%;
	margin-top: 1.5em;
	margin-bottom: 4em;
}
.top-bar input{
	width: 70% !important; 
}
.top-bar.submit-btn{
	margin-right: 0 !important;

}

/*============== Practice Area ================*/
.page-title{
	text-align: center;
	margin-top: 0.8em;
	background-image: url(../images/soft-sand-light.jpg);
	font-weight: 600;
}
.practice-contents {
	width: 90%;
  	padding: 0;
  	margin: 0 auto;
	background-image: url(../images/soft-sand-light.jpg);
  	list-style: none;
  
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  
  	-webkit-flex-flow: row wrap;
  	justify-content: space-around;
  	background-color: #FCFBE3;
}
.contents {
  height: auto;
  padding-top: 4.5vw;
  width: 24%;
  text-align: center;
	background-image: url(../images/soft-sand-light.jpg);
  /*background-color: #FCFBE3;*/
} .contents h4{
	font-size: 1.30vw;
  	font-weight: bold;
}

.ls-list{
	list-style: disc;
	margin-left: 5em;
}.ls-list li{
	line-height: 1.25em;
	margin-bottom: 1.5em;
}



/* ============= FOOTER ==============*/
.footer{
	width: 100%;
    background-image: url(../images/weave-background.jpg);
	background-position: 105px -225px;
	padding: 2rem 5rem;
	/*background-color: #778088;*/
	color: #fff;
}


/*     REMOVE MOBILE MENU    */
@media screen and (min-width: 955px){
	.hide-menu{
		display: none !important;
	}

	.mobile-contact-btn{
		display: none;
	}
}

@media screen and (min-width: 1px) and (max-width: 462px){
	.title-width{
		max-width: 195px;
	}
}


/*
====================================================
				MOBILE VIEW
====================================================
*/

/*     EXTRA SMALL DIMENSIONS    */
@media screen and (max-width: 319px) {
	/*WHY YOUR SCREEN SO THIN?*/
}

/*     SMALL DIMENSIONS          */
@media screen and (min-width: 320px) and (max-width: 420px){
	
	/*========== HOME PAGE ============*/

	.page-row{
		display: block;
	}

	.hide-header{
		display: none !important;
	}

	.mobile-contact-btn{
		position: fixed;
		width: 75px;
		height: 75px;
		border-radius: 50%;
		background-color: #AA9765;
		color: #fff;
		bottom: 10px;
		right: 10px;
		border: 2px solid #fff;
		z-index: 4;
	}.mobile-contact-btn i{
		-ms-transform: translate(62%, 60%); /* IE 9 */
    	-webkit-transform: translate(62%, 60%); /* Chrome, Safari, Opera */
    	transform: translate(62%, 60%);
	}

	.mobile-contact-header{
		width: 100%;
	}.mobile-contact-header a{
		display: block;
		transform: translate(0,25%);

	}.mobile-contact-header h3{
		font-size: 1.5em;
		display: block;
		position: absolute;
		transform: translate(80%,-70%);
	}
	.form-feedback {
		width: 100%;
		background:#cef6ce;
		color:#088a08;
		padding: 0.75em;
		margin: 0.9em 0;

	}
	.form-feedback.error {
		width: 100%;
		background:#f5a9a9;
		color:#610b0b;
		padding: 0.75em;
		margin: 0.9em 0;
	}

	.mobile-contact-form {
	  position: fixed;
	  top: 0;
	  right: 0;
	  transition: transform 0.5s ease-out;
	  height: 100%;
	  width: 0%;
	  background: #fafafa;
	  z-index: 1000;
	  overflow: scroll;
	  padding: 0;
	  -webkit-overflow-scrolling: touch;
	  ::-webkit-scrollbar { 
		    display: none; 
		}
	}
	.mobile-contact-form.is-active {
	  right: 0;
	  transform: translate(0, 0);
	  transition: transform 0.3s ease-out;
	}
	.mobile-form-margin{
		margin-top: 1.2em;
	}
	.mobile-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.mobile-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 1.5em;
	}

	.mobile-message{
		width: 100%;
		height: 10em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.mobile-submit-btn{
		width: 100%;
		margin: 1em auto;
		color: #fff;
		background: #AA9765;
		padding: 0.75em 1em;
		border-radius: 5px;
	}

	.billboard-section {
	 	color: #fff;
		padding: 80px 25px;
	 	margin: auto;
	 	text-align: center;
		position: relative;
		z-index: 1;
		height: 250px;
		width: 100%;
		background-size: 200% 105%;
		background-position: 65% 350%;
	} .billboard-section h1{
		font-weight: 900;
		font-size: 130%;
	 	color: #fff;
		display: block;
		margin-bottom: 0.5em;
	} .billboard-section h3{
		font-size: 90%;
		color: #fff;
	}

	.greeting-box{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0 0.5em 1.25em 0.5em;
		/*background-color: #FCFBE3;*/
	} .greeting-box h1{
		text-align: center;
		font-size: 2.25em;
		margin-bottom: 0.75em;
	} .greeting-box p{
		text-align: left;
		margin-bottom: 1.55em;
	}
	.greeting {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 1.25rem 1.15rem 0.5rem 1.15rem;
	}



	.practice-info{
		width: 100%;
		max-width: 100%;
		height: auto;
		
		padding: 0.5em 0.5em 1.5em 0.5em;
		/*background-color: #FCFBE3;*/
	} .practice-info h1{
		margin-bottom: 0.75em;
		font-size: 2em;
	}

	.indv-therapy{
		padding: 0 1.25rem 1.5rem 1.25rem;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.ind-table{
	    display: flex;
	    flex-grow: 1;
	    -webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	}

	.ind-table > .table-group {
	    margin: 10px;
	    padding: 10px;
	    background-color: #AA9765;
	    flex: 1 1 80%;
	    width: 80%;
	    border: 1px solid black;
	    box-shadow: 0.6vw 0.62vw 0.4vw #a6a6a6;
	}

	.ind-table > .table-group:first-child {
	    columns: 10em;
	    flex-grow: 2;    
	}
	.ind-table > .table-group .table-item{
		padding: 0.4em;
		text-align: center;
	}

	.ind-table > .table-group .table-item h3{
		color: #fff;
		font-weight: 700;
		font-size: 1.75em;
		padding: 0.8vw 0;
	    background-color: #AA9765;
	    break-inside: avoid;
	}

	.ind-table > .table-group .table-item:first-child {
	    margin-top: 0;
	}


	/*============== LIFE STRESSORS============*/

	.stressors-container{
		width: 100%;
		height: auto;
		padding: 1.75em 0.5em 1.75em 0.5em;
		margin-bottom: 0em;
	}
	.life-stressors{
		padding: 1rem 1.75rem 1.5rem 1.75rem;;
		width: 100%;
		margin: 0 auto;
	} .life-stressors h3{
		font-size: 2em;
	} .life-stressors p{
		font-size: 1em;
	}
	.life-stress-left{
		padding: 0.5em 0;
		margin: 0;
		width: 100%;
	}

	.life-stressor-box{
		padding:2vw;
		width: 100%;
		margin-left: 0;
		background-color: #9FB569;
		display: block;
		color: #000;
		/*transform: translate(-50%,-50%);*/
		position: relative;
		height: 220px;
	}
	div.life-stressor-box:first-child{
		margin-left: 0;
	}
	div.life-stressor-box#stress{ /* width 15% */
		width: 100%;
		margin-bottom: 1.25em;
	}
	.stress-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		/*background-color: #FCFBE3;*/
	}
	.stressor {
		height: 105%;
		text-align: center;
		vertical-align: middle;
		line-height: normal;
		padding: 0.5em;
	}.stressor h4{
		font-size: 1.55em;
		font-weight: 800;
		margin-bottom: 1em;
	}
	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}
	.text {
	  white-space: normal; 
	  text-align: left;
	  color: #fff;
	  font-size: 3.8vw;
	  font-weight: 600;
	  line-height: 1.15em;
	  padding: 0.5em;
	  width: 80%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -75%);
	  -ms-transform: translate(-50%, -40%);
	}.stress-btn{
		margin: auto;
		text-align: center;
		width: 60%;
		font-weight: 800;
	  	font-size: 0.75em;
	  	color: #AA9765;
		transform: translate(32.5%, 400%);
	}.button:hover, .button:focus {
	    background-color: #778088;
	    color: #fff; }
	#right-stress{
		float: right;
		margin: 0 !important;
	}



/* =============== TEAM SECTION ================*/
	#team-margin-fix{
		margin-top: 0em;
	}
	.team {
		margin-top: 0em;
		padding: 2em 0.5rem;
		width: 100%;
		/*background-color: #FCFBE3;*/
	}.team h2{
		font-size: 2em;
		margin-bottom: 3rem;
		font-weight: bold;
		text-align: center;
	}
	.team-box{
		max-width: 1536px;
		width: 90%;
		margin-top: 0;
		margin-bottom: 2.5em;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		display: block;
	}
	.team-width{
		width: 80%;
		margin: 0 auto 2em auto;
		display: block;
	} .team-width img{
		margin: 0 auto 0.85em auto;
		width: 90%;
	}.team-width h5{
		font-size: 1.5em;
	}.team-width h6{
		font-size: 1.25em;
	}
	#left-team{
		display: block;
		float: none;
	} #right-team{
		float: none;
		display: block;
	} #center-team{
		display: block;
	}
	.learn-btn{
		display: block;
		margin: 0em auto 0 auto;
		line-height: 0.95rem;
		font-size: 1.1rem;
		width: 12em;
		background-color: #9FB569;
	}


	/* ========== CONTACT INFO =========*/
	.contact-info{
		width: 100%;
		padding: 0;
		/*background-color: #FCFBE3;*/
		display: inline-block;

	}.info-box{
		width: 100%;
		margin: 0 auto;

	}
	.left-info{
		display: block;
		margin: 1rem auto;
		width: 90%;
	}
	.hours{
		float: none;
		width: 90%;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}.hours h3{
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid black;
	}.hours h5{
		text-align: left;
		line-height: 1.8em;
	}.hours span{
		float: right;
	}

	.info{
		width: 90%;
		margin: auto;
	}.info h3{
		border-bottom: 1px solid black;
		text-align: center;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
	}.info h4{
		float: none;
		display: block;
	}.info i {
		display: block;
		float: left;
		margin-right: 0.45em;
	}

	.map{
		width: 90%;
		border: 2px solid black;
		height: 250px;
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 3em;
	}
	.google-map{
	  top:      0;
	  left:     0;
	  bottom:   0;
	  right:    0;
	  width:    100%;
	  height:   100%;
	}
	 .next-line{
	 	display: block;
	 }


	 /* ========== ABOUT PAGE =========*/
	 .text-box{
		width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		/*background-color: #FCFBE3;*/
	} .text-box div{
		
	} .text-box h3{
		text-align: center;
		font-weight: 800;
		margin-bottom: 0.5em;
	} .text-box p{
		text-align: center;
	}
	.about-text{
		margin-top: 0;
		margin-bottom: 4em;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding: 0;
		font-color:black;
	}.about-text p {
		text-align: left;
	}

	/*============== Practice Area ================*/
	.practice-contents {
		width: 80%;
	  	padding: 0;
	  	margin: 0 auto;
	  	list-style: none;
	  
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  
	  	-webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	  	/*background-color: #FCFBE3;*/
	}
	.contents {
	  height: auto;
	  padding-top: 0.5em;
	  width: 90%;
	  
	  text-align: center;
	  /*background-color: #FCFBE3;*/
	  margin-bottom: 1.5em;
	} .contents h4{
		font-size: 1.25em;
	  	font-weight: bold;
	}

	.ls-list{
		list-style: disc;
		margin-left: 1em;
	}.ls-list li{
		line-height: 1.15em;
		margin-bottom: 1.1em;
	}

	/* ============= PROFILE PAGE ================= */
	.profile-container{
		width: 100%;
		
		padding-top: 3em;
		/*background-color: #FCFBE3;*/
	}

	.title-section{
		width: 80%;
		display: table;
		margin: 0 auto;
	}.title-section img{
		margin: 0 auto 0.85em auto !important;
		width: 100%;
		height: auto;
		display: block;
	}.title-section h2{
		text-align: center;
		margin: auto;
		height: auto;
		display: block;
		font-size: 1.75em;
		font-weight: 800;
	}.title-section h3{
		height: auto;
		font-size: 1.25em;
	}

	.bio-section{
		width: 90%;
		display: block;
		margin: 2.25em auto 0 auto;
	}

	.contact-form{
		display: block;
		width: 100%;
		
		padding-top: 5em;
		/*background-color: #FCFBE3;*/

	}
	.form-width{
		display: block;
		width: 90%;
		margin: 0 auto;
	}.form-width h2{
		text-align: center;
		display: block;
	}

	.contact-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.contact-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 2em;
	}
	.contact-message{
		width: 100%;
		height: 13em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.submit-btn{
		margin: 2em auto;
		border: 1px solid #bfbfbf;
		color: #fff;
		background: #bfbfbf;
		padding: 0.75em 1em;
		border-radius: 5px;
	}

}

@media screen and (min-width: 463px){
	#navigation ul {
   		padding-top: 0.5em;
	}
}

/*     MEDIUM DIMENSIONS    */
@media screen and (min-width: 421px) and (max-width: 667px){

	.hide-header{
		display: none !important;
	}

	.page-row{
		display: block;
	}
	.main-nav{
		width: 100%;
	}

	.mobile-contact-btn{
		position: fixed;
		width: 75px;
		height: 75px;
		border-radius: 50%;
		background-color: #AA9765;
		color: #fff;
		bottom: 10px;
		right: 10px;
		border: 2px solid #fff;
		z-index: 4;
	}.mobile-contact-btn i{
		-ms-transform: translate(62%, 60%); /* IE 9 */
    	-webkit-transform: translate(62%, 60%); /* Chrome, Safari, Opera */
    	transform: translate(62%, 60%);

/*    	transform: scale(10%, 10%);
    	-webkit-transform: scale(10%, 10%);
    	-ms-transform: scale(10%, 10%);*/
	}

	.mobile-contact-header{
		width: 100%;
	}.mobile-contact-header a{
		display: block;
		transform: translate(0,25%);

	}.mobile-contact-header h3{
		font-size: 1.5em;
		display: block;
		position: absolute;
		transform: translate(130%,-70%);
	}

	.mobile-contact-form {
	  position: fixed;
	  top: 0;
	  right: 0;
	  height: 100%;
	  width: 0%;
	  background: #fafafa;
	  z-index: 1000;
	  overflow: scroll;
	  padding: 0;
	  -webkit-overflow-scrolling: touch;
	  ::-webkit-scrollbar { 
		    display: none; 
		}
	}
	.mobile-contact-form.is-active {
	  right: 0;
	  transform: translate(0, 0);
	  transition: transform 0.3s ease-out;
	}
	.mobile-form-margin{
		margin-top: 1.2em;
	}
	.mobile-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.mobile-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 1.5em;
	}

	.mobile-message{
		width: 100%;
		height: 10em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.mobile-submit-btn{
		width: 100%;
		margin: 1em auto;
		color: #fff;
		background: #AA9765;
		padding: 0.75em 1em;
		border-radius: 5px;
	}

	/*============= BODY CONTENT ================*/
	.billboard-section {
	 	color: #fff;
		padding: 80px 25px;
	 	margin: auto;
	 	text-align: center;
		position: relative;
		z-index: 1;
		height: 200px;
		width: 100%;
		background-size: 100% 110%;
		background-position: 100% 200%;
	} .billboard-section h1{
		font-weight: 900;
		font-size: 150%;
	 	color: #fff;
		display: block;
		margin-bottom: 0.5em;
	} .billboard-section h3{
		font-size: 80%;
		color: #fff;
	}

	.greeting-box{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		background-color: #FCFBE3;
	} .greeting-box h1{
		text-align: center;
		font-size: 2.25em;
		margin-bottom: 0.75em;
	} .greeting-box p{
		text-align: left;
		margin-bottom: 1.55em;
	}
	.greeting {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 1.25rem 1.15rem 0.5rem 1.15rem;
	}



	.practice-info{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0.5em 0.5em 1.5em 0.5em;
		background-color: #FCFBE3;
	} .practice-info h1{
		margin-bottom: 0.75em;
		font-size: 2em;
	}

	.indv-therapy{
		padding: 0 1.25rem 1.5rem 1.25rem;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.ind-table{
	    display: flex;
	    flex-grow: 1;
	    -webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	  	margin: auto;
	  	width: 60%;
	}

	.ind-table > .table-group {
	    margin: 10px;
	    padding: 10px;
	    background-color: #AA9765;
	    flex: 1 1 60%;
	    width: 60%;
	    border: 1px solid black;
	    box-shadow: 0.6vw 0.62vw 0.4vw #a6a6a6;
	}

	.ind-table > .table-group:first-child {
	    columns: 10em;
	    flex-grow: 2;    
	}
	.ind-table > .table-group .table-item{
		padding: 0.4em;
		text-align: center;
	}

	.ind-table > .table-group .table-item h3{
		color: #fff;
		font-weight: 700;
		font-size: 1.75em;
		padding: 0.8vw 0;
	    background-color: #AA9765;
	    break-inside: avoid;
	}

	.ind-table > .table-group .table-item:first-child {
	    margin-top: 0;
	}


	/*============== LIFE STRESSORS============*/

	.stressors-container{
		width: 100%;
		height: auto;
		padding: 1.75em 0.5em 1.75em 0.5em;
		margin-bottom: 0em;
	}
	.life-stressors{
		padding: 1rem 1.75rem 1.5rem 1.75rem;;
		width: 100%;
		margin: 0 auto;
	} .life-stressors h3{
		font-size: 2em;
	} .life-stressors p{
		font-size: 1em;
	}
	.life-stress-left{
		padding: 0.5em 0;
		margin: 0;
		width: 100%;
	}

	.life-stressor-box{
		padding:2vw;
		width: 100%;
		margin-left: 0;
		background-color: #9FB569;
		display: block;
		color: #000;
		/*transform: translate(-50%,-50%);*/
		position: relative;
		height: 200px;
	}
	div.life-stressor-box:first-child{
		margin-left: 0;
	}
	div.life-stressor-box#stress{ /* width 15% */
		width: 100%;
		margin-bottom: 1.25em;
	}
	.stress-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		background-color: #FCFBE3;
	}
	.stressor {
		height: 100%;
		text-align: center;
		vertical-align: middle;
		line-height: normal;
		padding: 0.5em;
	}.stressor h4{
		font-size: 1.55em;
		font-weight: 800;
		margin-bottom: 1em;
	}
	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}
	.text {
	  white-space: normal; 
	  text-align: left;
	  color: #fff;
	  font-size: 1em;
	  font-weight: 600;
	  line-height: 1.2em;
	  padding: 0.5em;
	  width: 80%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -75%);
	  -ms-transform: translate(-50%, -40%);
	}.stress-btn{
		margin: auto;
		text-align: center;
		width: 60%;
		font-weight: 800;
	  	font-size: 0.75em;
	  	color: #565457;
		background-color: #fff;
		transform: translate(32.5%, 400%);
	}.button:hover, .button:focus {
	    background-color: #778088;
	    color: #fff; }
	#right-stress{
		float: right;
		margin: 0 !important;
	}



/* =============== TEAM SECTION ================*/
	#team-margin-fix{
		margin-top: 0em;
	}
	.team {
		margin-top: 0em;
		padding: 2em 0.5rem;
		width: 100%;
		background-color: #FCFBE3;
	}.team h2{
		font-size: 2em;
		margin-bottom: 3rem;
		font-weight: bold;
		text-align: center;
	}
	.team-box{
		max-width: 1536px;
		width: 90%;
		margin-top: 0;
		margin-bottom: 2.5em;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		display: block;
	}
	.team-width{
		width: 80%;
		margin: 0 auto 2em auto;
		display: block;
	} .team-width img{
		margin: 0 auto 0.85em auto;
		width: 70%;
	}.team-width h5{
		font-size: 1.5em;
	}.team-width h6{
		font-size: 1.25em;
	}
	#left-team{
		display: block;
		float: none;
	} #right-team{
		float: none;
		display: block;
	} #center-team{
		display: block;
	}
	.learn-btn{
		display: block;
		margin: 0em auto 0 auto;
		line-height: 0.95rem;
		font-size: 1.1rem;
		width: 12em;
		background-color: #9FB569;
	}


	/* ========== CONTACT INFO =========*/
	.contact-info{
		width: 100%;
		padding: 0;
		background-color: #FCFBE3;
		display: inline-block;

	}.info-box{
		width: 100%;
		margin: 0 auto;

	}
	.left-info{
		display: block;
		margin: 1rem auto;
		width: 90%;
	}
	.hours{
		float: none;
		width: 90%;
		margin-bottom: 1em;
		margin-left: auto;
		margin-right: auto;
		height: auto;
	}.hours h3{
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid black;
	}.hours h5{
		text-align: left;
		line-height: 1.8em;
	}.hours span{
		float: right;
	}

	.info{
		width: 90%;
		margin: auto;
	}.info h3{
		border-bottom: 1px solid black;
		text-align: center;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
	}.info h4{
		float: none;
		display: block;
	}.info i {
		display: block;
		float: left;
		margin-right: 0.45em;
	}

	.map{
		width: 90%;
		border: 2px solid black;
		height: 250px;
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 3em;
	}
	.google-map{
	  top:      0;
	  left:     0;
	  bottom:   0;
	  right:    0;
	  width:    100%;
	  height:   100%;
	}
	 .next-line{
	 	display: block;
	 }

	 /* ========== ABOUT PAGE =========*/
	 .text-box{
		width: 100%;
		height: auto;
		padding: 1.75em 0.5em 1.75em 0.5em;
		background-color: #FCFBE3;
	} .text-box div{
		
	} .text-box h3{
		text-align: center;
		font-weight: 800;
		margin-bottom: 0.5em;
	} .text-box p{
		text-align: center;
	}
	.about-text{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding: 0;
		font-color:black;
		margin-bottom: 4em;
	}.about-text p {
		text-align: left;
	}

	/*============== Practice Area ================*/
	.practice-contents {
		width: 80%;
	  	padding: 0;
	  	margin: 0 auto;
	  	list-style: none;
	  
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  
	  	-webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	  	background-color: #FCFBE3;
	}
	.contents {
	  height: auto;
	  padding-top: 0.5em;
	  width: 90%;
	  text-align: center;
	  background-color: #FCFBE3;
	  margin-bottom: 1.5em;
	} .contents h4{
		font-size: 1.25em;
	  	font-weight: bold;
	}

	.ls-list{
		list-style: disc;
		margin-left: 1em;
	}.ls-list li{
		line-height: 1.15em;
		margin-bottom: 1.1em;
	}

	/*============== Practice Area ================*/
	.practice-contents {
		width: 80%;
	  	padding: 0;
	  	margin: 0 auto;
	  	list-style: none;
	  
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  
	  	-webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	  	background-color: #FCFBE3;
	}
	.contents {
	  height: auto;
	  padding-top: 0.5em;
	  width: 90%;
	  text-align: center;
	  background-color: #FCFBE3;
	  margin-bottom: 1.5em;
	} .contents h4{
		font-size: 1.25em;
	  	font-weight: bold;
	}

	.ls-list{
		list-style: disc;
		margin-left: 1em;
	}.ls-list li{
		line-height: 1.15em;
		margin-bottom: 1.1em;
	}

	/* ============= PROFILE PAGE ================= */
	.profile-container{
		width: 100%;
		padding-top: 3em;
		background-color: #FCFBE3;
	}

	.title-section{
		width: 60%;
		display: block;
		margin: 0 auto;
	}.title-section img{
		margin: 0 auto 1em auto;
		width: 50%;
		height: auto;
		display: block;
		position: relative;
		float: none;
	}.title-section h2{
		text-align: center;
		margin: auto;
		height: auto;
		display: block;
		font-size: 1.75em;
		font-weight: 800;
	}.title-section h3{
		height: auto;
		font-size: 1.25em;
	}

	.bio-section{
		width: 90%;
		display: block;
		margin: 2.25em auto 0 auto;
	}

	.contact-form{
		display: block;
		width: 100%;
		padding-top: 5em;
		background-color: #FCFBE3;

	}
	.form-width{
		display: block;
		width: 90%;
		margin: 0 auto;
	}.form-width h2{
		text-align: center;
		display: block;
	}

	.contact-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.contact-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 2em;
	}
	.contact-message{
		width: 100%;
		height: 13em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.submit-btn{
		margin: 2em auto;
		border: 1px solid #bfbfbf;
		color: #fff;
		background: #bfbfbf;
		padding: 0.75em 1em;
		border-radius: 5px;
	}
}

/*     LARGE DIMENSIONS    */
@media screen and (min-width: 668px) and (max-width: 954px){

	.page-row{
		display: block;
	}

	/* ============= HOME PAGE ===========*/
	.hide-header{
		display: none !important;
	}

	.mobile-contact-btn{
		position: fixed;
		width: 75px;
		height: 75px;
		border-radius: 50%;
		background-color: #AA9765;
		color: #fff;
		bottom: 10px;
		right: 10px;
		border: 2px solid #fff;
		z-index: 4;
	}.mobile-contact-btn i{
		-ms-transform: translate(62%, 60%); /* IE 9 */
    	-webkit-transform: translate(62%, 60%); /* Chrome, Safari, Opera */
    	transform: translate(62%, 60%);

/*    	transform: scale(10%, 10%);
    	-webkit-transform: scale(10%, 10%);
    	-ms-transform: scale(10%, 10%);*/
	}

	.mobile-contact-header{
		width: 100%;
	}.mobile-contact-header a{
		display: block;
		transform: translate(0,25%);

	}.mobile-contact-header h3{
		font-size: 1.5em;
		display: block;
		position: absolute;
		transform: translate(80%,-70%);
	}

	.mobile-contact-form {
	  position: fixed;
	  top: 0;
	  right: 0;
	  transition: transform 0.5s ease-out;
	  height: 100%;
	  width: 0%;
	  background: #fafafa;
	  z-index: 1000;
	  overflow: scroll;
	  padding: 0;
	  -webkit-overflow-scrolling: touch;
	  ::-webkit-scrollbar { 
		    display: none; 
		}
	}
	.mobile-contact-form.is-active {
	  right: 0;
	  transform: translate(0, 0);
	  transition: transform 0.3s ease-out;
	}
	.mobile-form-margin{
		margin-top: 1.2em;
	}
	.mobile-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.mobile-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 1.5em;
	}

	.mobile-message{
		width: 100%;
		height: 10em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.mobile-submit-btn{
		width: 100%;
		margin: 1em auto;
		color: #fff;
		background: #AA9765;
		padding: 0.75em 1em;
		border-radius: 5px;
	}
	
	.billboard-section {
	 	color: #fff;
		padding: 80px 25px;
	 	margin: auto;
	 	text-align: center;
		position: relative;
		z-index: 1;
		height: 250px;
		width: 100%;
		background-size: 550% 550%;
	} .billboard-section h1{
		font-weight: 900;
		font-size: 150%;
	 	color: #fff;
		display: block;
		margin-bottom: 0.5em;
	} .billboard-section h3{
		font-size: 80%;
		color: #fff;
	}

	.greeting-box{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		background-color: #FCFBE3;
	} .greeting-box h1{
		text-align: center;
		font-size: 2.25em;
		margin-bottom: 0.75em;
	} .greeting-box p{
		text-align: left;
		margin-bottom: 1.55em;
	}
	.greeting {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		padding: 1.25rem 1.15rem 0.5rem 1.15rem;
	}



	.practice-info{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0.5em 0.5em 1.5em 0.5em;
		background-color: #FCFBE3;
	} .practice-info h1{
		margin-bottom: 0.75em;
		font-size: 2em;
	}

	.indv-therapy{
		padding: 0 1.25rem 1.5rem 1.25rem;
		width: 100%;
		margin: 0 auto;
		height: auto;
	}

	.ind-table{
	    display: flex;
	    flex-grow: 1;
	    -webkit-flex-flow: row;
	  	justify-content: space-around;
	  	margin: auto;
	  	width: 100%;
	}

	.ind-table > .table-group {
	    margin: 10px;
	    padding: 10px;
	    background-color: #AA9765;
	    flex: 1 1 30%;
	    width: 30%;
	    border: 1px solid black;
	    box-shadow: 0.6vw 0.62vw 0.4vw #a6a6a6;
	}

	.ind-table > .table-group:first-child {
	    columns: 10em;
	    flex-grow: 1;    
	}
	.ind-table > .table-group .table-item{
		padding: 0.4em;
		text-align: center;
	}

	.ind-table > .table-group .table-item h3{
		color: #fff;
		font-weight: 700;
		font-size: 1.75em;
		padding: 0.8vw 0;
	    background-color: #AA9765;
	    break-inside: avoid;
	}

	.ind-table > .table-group .table-item:first-child {
	    margin-top: 0;
	}


	/*============== LIFE STRESSORS============*/

	.stressors-container{
		width: 100%;
		height: auto;
		padding: 1.75em 0.5em 1.75em 0.5em;
		margin-bottom: 0em;
	}
	.life-stressors{
		padding: 1rem 1.75rem 1.5rem 1.75rem;;
		width: 100%;
		margin: 0 auto;
	} .life-stressors h3{
		font-size: 2em;
	} .life-stressors p{
		font-size: 1em;
	}
	.life-stress-left{
		padding: 0.5em 0;
		margin: 0;
		width: 100%;
	}

	.life-stressor-box{
		padding:2vw;
		width: 100%;
		margin-left: 0;
		background-color: #9FB569;
		display: block;
		color: #000;
		/*transform: translate(-50%,-50%);*/
		position: relative;
		height: 200px;
		flex: 1 1 40%;
	    width: 40%;
	    margin: 1%;
		
	}

	div.life-stressor-box:first-child{
		margin-left: 1%;
	}
	div.life-stressor-box#stress{ /* width 15% */
		width: 100%;
		margin-bottom: 1.25em;
	}
	.stress-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		background-color: #FCFBE3;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-grow: 1;
	}
	.stressor {
		height: 100%;

		text-align: center;
		vertical-align: middle;
		line-height: normal;
		padding: 0.5em;
	}.stressor h4{
		font-size: 1.55em;
		font-weight: 800;
		margin-bottom: 1em;
	}
	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}
	.text {
	  white-space: normal; 
	  text-align: left;
	  color: #fff;
	  font-size: 0.95em;
	  font-weight: 600;
	  line-height: 1.1em;
	  padding: 0.5em;
	  width: 80%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -75%);
	  -ms-transform: translate(-50%, -40%);
	}.stress-btn{
		margin: auto;
		text-align: center;
		width: 60%;
		font-weight: 800;
	  	font-size: 0.75em;
		background-color: #fff; 
		color: #565457;
		transform: translate(32.5%, 400%);
	}.button:hover, .button:focus {
	    background-color: #778088;
	    color: #fff; }
	#right-stress{
		float: right;
		margin: 0 !important;
	}



/* =============== TEAM SECTION ================*/
	#team-margin-fix{
		margin-top: 0em;
	}
	.team {
		margin-top: 0em;
		padding: 2em 0.5rem;
		width: 100%;
		background-color: #FCFBE3;
	}.team h2{
		font-size: 2em;
		margin-bottom: 3rem;
		font-weight: bold;
		text-align: center;
	}
	.team-box{
		max-width: 1536px;
		width: 90%;
		margin-top: 0;
		margin-bottom: 2.5em;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		display: block;
	}
	.team-width{
		width: 30%;
		margin: 0 auto 2em auto;
		display: block;
	} .team-width img{
		margin: 0 auto 0.85em auto;
		width: 90%;
	}.team-width h5{
		font-size: 1.25em;
	}.team-width h6{
		font-size: 1em;
	}
	
	.learn-btn{
		display: block;
		margin: 0em auto 0 auto;
		line-height: 0.95rem;
		font-size: 1.1rem;
		width: 12em;
		background-color: #9FB569;
	}


	/* ========== CONTACT INFO =========*/
	.contact-info{
		width: 100%;
		padding: 0;
		background-color: #FCFBE3;
		display: inline-block;

	}.info-box{
		width: 100%;
		margin: 0 auto;

	}
	.left-info{
		display: block;
		margin: 1rem auto;
		width: 90%;
	}
	.hours{
		width: 45%;
		margin-bottom: 1em;
		margin-right: 10%;
		height: auto;
		display: inline-block;
	}.hours h3{
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid black;
	}.hours h5{
		text-align: left;
		line-height: 1.8em;
	}.hours span{
		float: right;
	}

	.info{
		width: 45%;
		margin: auto;
		display: inline-block;
	}.info h3{
		border-bottom: 1px solid black;
		text-align: center;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
	}.info h4{
		float: none;
		display: block;
	}.info i {
		display: block;
		float: left;
		margin-right: 0.45em;
	}

	.map{
		width: 90%;
		border: 2px solid black;
		height: 350px;
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 3em;
	}
	.google-map{
	  top:      0;
	  left:     0;
	  bottom:   0;
	  right:    0;
	  width:    100%;
	  height:   100%;
	}
	 .next-line{
	 	display: block;
	 }

	 /* ========== ABOUT PAGE =========*/
	 .text-box{
		width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		background-color: #FCFBE3;
	} .text-box div{
		
	} .text-box h3{
		text-align: center;
		font-weight: 800;
		margin-bottom: 0.5em;
	} .text-box p{
		text-align: center;
	}
	.about-text{
		margin-top: 0;
		margin-bottom: 4em;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		padding: 0;
		font-color:black;
	}.about-text p {
		text-align: left;
	}

	/*============== Practice Area ================*/
	.practice-contents {
		width: 80%;
	  	padding: 0;
	  	margin: 0 auto;
	  	list-style: none;
	  
	  	display: -webkit-box;
	  	display: -moz-box;
	  	display: -ms-flexbox;
	  	display: -webkit-flex;
	  	display: flex;
	  
	  	-webkit-flex-flow: row wrap;
	  	justify-content: space-around;
	  	background-color: #FCFBE3;
	}
	.contents {
	  height: auto;
	  padding-top: 0.5em;
	  width: 50%;
	  text-align: center;
	  background-color: #FCFBE3;
	  margin-top: 2em;
	  margin-bottom: 1.5em;
	} .contents h4{
		font-size: 1.25em;
	  	font-weight: bold;
	}

	.ls-list{
		list-style: disc;
		margin-left: 1em;
	}.ls-list li{
		line-height: 1.15em;
		margin-bottom: 1.1em;
	}

	/* ============= PROFILE PAGE ================= */
	.profile-container{
		width: 100%;
		padding-top: 3em;
		background-color: #FCFBE3;
	}

	.title-section{
		width: 90%;
	}.title-section img{
		width: 30%;
	}.title-section h2{
		font-size: 3em;
		vertical-align: middle;
		font-weight: 800;
	}.title-section h3{
		vertical-align: middle;
		font: 1em;
	}

	.bio-section{
		width: 90%;
		display: block;
		margin: 2.25em auto 0 auto;
	}

	.contact-form{
		display: block;
		width: 100%;
		padding-top: 5em;
		background-color: #FCFBE3;

	}
	.form-width{
		display: block;
		width: 90%;
		margin: 0 auto;
	}.form-width h2{
		text-align: center;
		display: block;
	}

	.contact-form-labels{
		max-width: 100%;
		width: 90%;
		font-size: 1.1em;
		margin-left: 0;
	}
	.contact-text-input{
		width: 100%;
		max-width: 100%;
		min-width: 70%;
	    border: 1px solid #ccc;
	    display: block;
	    margin-bottom: 2em;
	}
	.contact-message{
		width: 100%;
		height: 13em;
		border: 3px solid #cccccc;
		padding: 5px;
		background-repeat: no-repeat;
		margin: 0 auto;
	}

	.submit-btn{
		margin: 2em auto;
		border: 1px solid #bfbfbf;
		color: #fff;
		background: #bfbfbf;
		padding: 0.75em 1em;
		border-radius: 5px;
	}
}

/*     EXTRA LARGE DIMENSIONS    */
@media screen and (min-width: 955px) and (max-width: 1024px){



	.header-bar{
		padding: 0.5em 0.3em;
	}

	.logo{
		margin-left: 2em;
	}.logo h1{
		font-size: 2.3em;
	} .logo h5{
		font-size: 0.93em;
	}

	.main-nav{
		padding: 0.5em 0.75em; 
		text-align: center;
	}
	.main-nav ul{
		width: 100%;
		max-width: 100%;
	}.main-nav li h3{
		font-size: 0.8em; 
		text-align: center;
	}

	.nav-contact-btn{
		font-size: 1.1em;
		padding: 0.5em; 
		width: 150px;
	}

	.billboard-section {
	 	color: #fff;
		padding: 120px 25px;
	 	margin: auto;
	 	text-align: center;
		position: relative;
		z-index: 1;
		height: 350px;
		width: 100%;
		background-size: 550% 550%;
	} .billboard-section h1{
		font-weight: 900;
		font-size: 250%;
	 	color: #fff;
		display: block;
		margin-bottom: 0.5em;
	} .billboard-section h3{
		font-size: 120%;
		color: #fff;
	}

	.greeting-box{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		background-color: #FCFBE3;
	} .greeting-box h1{
		text-align: center;
		font-size: 2.25em;
		margin-bottom: 0.75em;
	} .greeting-box p{
		text-align: left;
		margin-bottom: 1.55em;
	}
	.greeting {
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 90%;
		padding: 1.25rem 1.15rem 0.5rem 1.15rem;
	}



	.practice-info{
		width: 100%;
		max-width: 100%;
		height: auto;
		padding: 0.5em 0.5em 1.5em 0.5em;
		background-color: #FCFBE3;
	} .practice-info h1{
		margin-bottom: 0.75em;
		font-size: 2em;
	}

	.indv-therapy{
		padding: 0 1.25rem 1.5rem 1.25rem;
		width: 90%;
		margin: 0 auto;
		height: auto;
	}

	.ind-table{
	    display: flex;
	    flex-grow: 1;
	    -webkit-flex-flow: row;
	  	justify-content: space-around;
	  	margin: auto;
	  	width: 100%;
	}

	.ind-table > .table-group {
	    margin: 10px;
	    padding: 10px;
	    background-color: #AA9765;
	    flex: 1 1 30%;
	    width: 30%;
	    border: 1px solid black;
	    box-shadow: 0.6vw 0.62vw 0.4vw #a6a6a6;
	}

	.ind-table > .table-group:first-child {
	    columns: 10em;
	    flex-grow: 1;    
	}
	.ind-table > .table-group .table-item{
		padding: 0.4em;
		text-align: center;
	}

	.ind-table > .table-group .table-item h3{
		color: #fff;
		font-weight: 700;
		font-size: 1.75em;
		padding: 0.8vw 0;
	    background-color: #AA9765;
	    break-inside: avoid;
	}

	.ind-table > .table-group .table-item:first-child {
	    margin-top: 0;
	}


	/*============== LIFE STRESSORS============*/

	.stressors-container{
		width: 100%;
		height: auto;
		padding: 1.75em 0.5em 1.75em 0.5em;
		margin-bottom: 0em;
	}
	.life-stressors{
		padding: 1rem 1.75rem 1.5rem 1.75rem;;
		width: 100%;
		margin: 0 auto;
	} .life-stressors h3{
		font-size: 2em;
	} .life-stressors p{
		font-size: 1em;
	}
	.life-stress-left{
		padding: 0.5em 0;
		margin: 0 auto;
		width: 90%;
	}

	.life-stressor-box{
		padding:2vw;
		width: 100%;
		margin-left: 0;
		background-color: #9FB569;
		display: block;
		color: #000;
		/*transform: translate(-50%,-50%);*/
		position: relative;
		height: 200px;
		flex: 1 1 40%;
	    width: 40%;
	    margin: 1%;
		
	}

	div.life-stressor-box:first-child{
		margin-left: 1%;
	}
	div.life-stressor-box#stress{ /* width 15% */
		width: 100%;
		margin-bottom: 1.25em;
	}
	.stress-container{
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		clear: both;
		background-color: #FCFBE3;
		display: flex;
		-webkit-flex-flow: row wrap;
		flex-grow: 1;
	}
	.stressor {
		height: 100%;

		text-align: center;
		vertical-align: middle;
		line-height: normal;
		padding: 0.5em;
	}.stressor h4{
		font-size: 1.55em;
		font-weight: 800;
		margin-bottom: 1em;
	}
	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}
	.text {
	  white-space: normal; 
	  text-align: left;
	  color: #fff;
	  font-size: 0.95em;
	  font-weight: 600;
	  line-height: 1.1em;
	  padding: 0.5em;
	  width: 80%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -75%);
	  -ms-transform: translate(-50%, -40%);
	}.stress-btn{
		margin: auto;
		text-align: center;
		width: 60%;
		font-weight: 800;
	  	font-size: 0.75em;
		background-color: #fff;
		color: #565457;
		transform: translate(32.5%, 400%);
	}.button:hover, .button:focus {
	    background-color: #778088;
	    color: #fff; }
	#right-stress{
		float: right;
		margin: 0 !important;
	}



/* =============== TEAM SECTION ================*/
	#team-margin-fix{
		margin-top: 0em;
	}
	.team {
		margin-top: 0em;
		padding: 2em 0.5rem;
		width: 100%;
		background-color: #FCFBE3;
	}.team h2{
		font-size: 2em;
		margin-bottom: 3rem;
		font-weight: bold;
		text-align: center;
	}
	.team-box{
		max-width: 1536px;
		width: 90%;
		margin-top: 0;
		margin-bottom: 2.5em;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		display: block;
	}
	.team-width{
		width: 30%;
		margin: 0 auto 2em auto;
		display: block;
	} .team-width img{
		margin: 0 auto 0.85em auto;
		width: 90%;
	}.team-width h5{
		font-size: 1.25em;
	}.team-width h6{
		font-size: 1em;
	}
	
	.learn-btn{
		display: block;
		margin: 0em auto 0 auto;
		line-height: 0.95rem;
		font-size: 1.1rem;
		width: 12em;
		background-color: #9FB569;
	}


	/* ========== CONTACT INFO =========*/
	.contact-info{
		width: 100%;
		padding: 0;
		background-color: #FCFBE3;
		display: inline-block;

	}.info-box{
		width: 100%;
		max-width: 955px;
		margin: 0 auto;

	}
	.left-info{
		display: block;
		margin: 1rem auto;
		width: 90%;
	}
	.hours{
		width: 45%;
		margin-bottom: 1em;
		margin-right: 10%;
		height: auto;
		display: inline-block;
	}.hours h3{
		text-align: center;
		font-weight: bold;
		border-bottom: 1px solid black;
	}.hours h5{
		text-align: left;
		line-height: 1.8em;
	}.hours span{
		float: right;
	}

	.info{
		width: 45%;
		margin: auto;
		display: inline-block;
	}.info h3{
		border-bottom: 1px solid black;
		text-align: center;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
	}.info h4{
		float: none;
		display: block;
	}.info i {
		display: block;
		float: left;
		margin-right: 0.45em;
	}

	.map{
		width: 90%;
		border: 2px solid black;
		height: 350px;
		float: none;
		display: block;
		margin: auto;
		margin-bottom: 3em;
	}
	.google-map{
	  top:      0;
	  left:     0;
	  bottom:   0;
	  right:    0;
	  width:    100%;
	  height:   100%;
	}
	 .next-line{
	 	display: block;
	 }


	 /* ========== ABOUT PAGE =========*/
	 .text-box{
		width: 100%;
		height: auto;
		padding: 1.25em 0.5em 1.25em 0.5em;
		background-color: #FCFBE3;
	} .text-box div{
		
	} .text-box h3{
		text-align: center;
		font-weight: 800;
		margin-bottom: 0.5em;
	} .text-box p{
		text-align: center;
	}
	.about-text{
		margin-top: 0;
		margin-bottom: 0;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		padding: 0;
		font-color:black;
	}.about-text p {
		text-align: left;
	}
}

@media screen and (min-width: 1025px) and (max-width: 1250px){
	.main-nav ul{
		width: 95%;
		max-width: 95%;
	}

	.nav-contact-btn {
		font-size: 1em;
		padding: 0.5em; 
		width: 150px;
	}
}

@media screen and (min-width: 1399px) {

	.main-nav ul{
		width: 75%;
		max-width: 75%;
	}

	.stress-container{
		width: 80%;
		max-width: 900px;
		margin-left: auto;
		margin-right: auto;
		position: relative;
		overflow: auto;
		display: flex;
		-webkit-flex-flow: row wrap;
	  	justify-content: space-around;
		clear: both;
		background-color: #FCFBE3;
	}

	.life-stressor-box{
		padding:2em 2em 17.5% 2em;
		background-color: #9FB569;
		margin: 3.5%;
		color: #000;
		flex: 1 1 40%;
		width: 40%;
		height: 300px;
		position: relative;
	}
	div.life-stressor-box:first-child{
		margin-left: 3.5%;
	}
	div.life-stressor-box#stress{ /* width 15% */}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}

	.stressor {
		text-align: center;
		vertical-align: middle;
		line-height: normal;
	}.stressor h4{
		font-size: 1.4vw;
		font-weight: 800;
		margin-bottom: 1em;
	}

	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}

	.text {
	  white-space: normal; 
	  text-align: left;
	  padding: 1.7vw 1.5vw 0 1.5vw;
	  color: #000;
	  font-size: 0.75vw;
	  font-weight: 700;
	  line-height: 1.15vw;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -95%);
	  -ms-transform: translate(-50%, -50%);
	}


	.overlay {
	  bottom: 0;
	  left: 0;
	  right: 0;
	  background-color: #AA9765;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  height: 0;
	  transition: .5s ease;
	}
	.life-stressor-box:hover .overlay {
	  height: 100%;
	}
	.text {
	  white-space: normal; 
	  text-align: left;
	  padding: 1vw 1.5vw 0 1.5vw;
	  color: #fff;
	  font-size: 0.95vw;
	  font-weight: 500;
	  line-height: 1.15vw;
	  position: absolute;
	  overflow: hidden;
	  width: 100%;
	  top: 50%;
	  left: 50%;
	  transform: translate(-50%, -80%);
	  -ms-transform: translate(-50%, -50%);
	}.stress-btn{
		margin: auto;
		text-align: center;
		width: 60%;
		font-weight: 800;
	  	font-size: 0.9vw;
		background-color: #fff;
		color: #565457;
		transform: translate(32.5%, 420%);
	}.button:hover, .button:focus {
	}

}