/* Commitment */

#commitment		{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; align-items:flex-start;
					padding-top:1rem;}
#quote			{background-color:var(--logoGreen); border:1px solid var(--logoGreen); display:flex;
					flex-direction:column; gap:1.2rem; padding:2rem; border-radius:var(--rounded);}
#quote input 	{padding:1rem; font-size:1.2rem;}
.txt			{width:90%}
#cData, #cForm	{max-width:50%}
.textHeading	{font-weight:bold; font-size:1.3rem}
h2				{margin:0px 0px 5px 0px; font-size:2.5rem}
p 				{margin-top:2px}
#comments		{width:90%;}
@media (max-width:950px){
	#commitment	{flex-direction:column; align-items:center; flex-wrap:wrap-reverse;}
	#quote		{padding:1rem}
	#cData, #cForm	{max-width:90%}
	#cForm		{margin-top:2rem;}
	.txt		{width:80%}
	#comments	{width:80%;}
}

/*  Services */
#services			{margin-top:3rem; background-color:rgba(214, 190, 120, .4); width:100%; display:inline-block; 
					padding-bottom:3rem}
#listServices		{display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly; gap:2rem;
						margin-top:2rem;
}
.services			{width:350px; background-color:#F8F5E5; border-radius:var(--rounded);}
.serviceImage img	{border:1px solid var(--contentBlue); max-width:350px; width:100%; height:225px; 
						border-top-left-radius:var(--rounded); border-top-right-radius:var(--rounded);}
.serviceTitle		{text-align:center; padding:0rem; font-size:1.7rem;}
.serviceLink		{font-size:1.4rem; text-align:center; padding:2rem 0rem;}

.serviceLinks		{text-decoration:none; border:1px solid var(--logoGreen); padding:.5rem 1rem .8rem 1rem; border-radius:var(--rounded);
						transition:background-color 300ms ease-in, color 300ms ease-in}
.serviceLinks:hover {background-color:var(--logoGreen); color:#ffffff}
@media (max-width:950px){
	/*#services		{padding:0px} */
}

/* Service Areas - locations */

#serviceRow	{display:flex; flex-direction:row; gap:0rem}
#areas			{padding:1rem 1rem 2rem 1rem; width:50%;}
#locations		{display:flex; flex-direction:row; flex-wrap:wrap; gap:1rem; justify-content:space-evenly;}
#locations a	{text-decoration:none; font-size:1.4rem}
.locationLinks	{width:225px}
@media (max-width:600px){
	#locationImage	{display:none}
	#areas			{width:100%}
}