/* reset */

h2 {
	font-weight: 400; /* normal; 23px; */ 
	font-size: 18px; 
	color:#333333;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 7px;
	line-height: 24px;
}
.container1240 {
    margin: 0 auto 0 auto;
	padding: 25px 0 50px 0;
	position: relative;
	max-width: 1100px;
/*	width: 90%; */
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content:center;
	border-bottom: 1px solid #ffffff;
	flex-wrap: wrap;
}

.odd {flex-direction: row;}
.even {flex-direction:row-reverse;}

.serviceItem {
/*	width: 45%; */
	flex-basis: 45%;
	padding: 0 20px;
}
.serviceImage {align-self: flex-start;}
.serviceImage img {width: 100%; height: auto; align-self: flex-start; justify-content:center; }
.serviceText {
	/*align-items: center; */
	color: #000000;
}
/* COLORS. //#cfefec; ebfffd;  a4adda   #4E3D2D */
tr.itemHeader {color: #ffffff; font-size: 80%; background-color:#a28a74; line-height: 14px; padding: 3px 1em;}
tr.evenRow { border-bottom: 1px #ffffff solid; /* background-color:#dbe0fb; */ }
tr.oddRow {  border-bottom: 1px #ffffff solid; /* background-color:#e9ecfb; */ }
.item {font-size: 16px; }
.itemNote {color:#666666; font-size:14px; line-height:16px;}
.dollarSign {color:#666666; padding-right: 1px; /* font-size:14px; line-height:16px; */ }

/* forShopping */
.with-sidebar-rs {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}

#sideBarLinks {
  flex-basis: 200px; 
  flex-grow: 1;
}

#rightContentZone {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 25px;
}

#centerContentZone {
    max-width: 750px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	color: #333333;
}
#centerContentZone p {margin-bottom: 34px;}
.contactName {text-transform: uppercase;letter-spacing: 1px;font-size: 10px; }

.brandCollection {color:#000000; width: 100%; margin:6px 0; font-size:15px; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 700;}
.productGrid {background-color: #ffffff; text-align: center; padding:10px; width:175px; text-decoration: none; height:270px;}
.productGrid img {width:155px; height:auto; }
.productName {font:500 13px/16px 'Mulish', sans-serif; color:#000; text-transform:uppercase; letter-spacing: 1px; margin: 0 auto; width: 100%; max-width: 155px;}
.productPrice {color:#444444; padding-top:4px; margin: 0 auto; width: 100%; max-width: 155px;}

.productCost { font-size: 20px; color:#000000; padding-top:4px; margin: 10px auto 0 auto; width: 100%; border-top:1px solid #ffffff;}
.productSize { margin-left:20px; font-size: 14px; color:#000000;}

.storeHeader {color: #303030;margin-bottom: 8px; padding: 10px 0px 0px 0px; text-transform: uppercase;}
.storeLinks {font-size: 12px; /* line-height: 12px; */ text-decoration: none;color: #444444; margin:14px 0 14px 5px; cursor: pointer;}
.storeLinks:hover {color: #000000; }
.thebrands { margin-left: 12px; color: #777777; }
.thecollection {margin-left: 22px;}
.brandLogo {width: 230px; height: 129px; background-color:#ffffff;}

.hideStart { display: none;}
.teamHeader { background-color: #fff; width: 100%; color:#333; padding: 5px 10px;font:500 15px/17px 'Mulish', sans-serif; text-transform:uppercase; letter-spacing: 1px;}
.teamGrid { text-align: center; padding:0; width:175px; text-decoration: none; padding-bottom: 30px; position: relative;}
.teamGrid img {width:155px; height:auto; z-index: 10;}
.teamName {font:600 13px/15px 'Mulish', sans-serif; color:#000; text-transform:uppercase; letter-spacing: 1px; margin: 0 auto; width: 100%; max-width: 155px;}
.teamTitle {font:300 13px/15px 'Mulish', sans-serif; color:#555; margin: 0 auto; width: 100%; max-width: 155px;}

.rightContentZone {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: 50%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 25px;
}
.team-zone { padding-bottom: 25px; border-bottom: 1px solid #ffffff; margin-bottom: 25px;}
.individualPic {width: 30%; float: left; text-align:center; margin:30px 0 0 0;}
.individualPicSize {max-width: 325px; width:90%;}
.individualText {width: 65%; float: left;text-align:left; margin-top: 30px;}
.individualBio {margin: 20px auto 0 auto; padding: 0; width:100%; max-width:500px; text-align:left;}

.aboutPic {width: 100%; text-align:center; margin-bottom:0;}
.aboutPicSize {max-width: 550px; width:90%;}
.aboutText {width: 100%; text-align:left; margin-top: 30px;}
.aboutBio {margin: 0 auto 20px auto; padding: 0 20px 0 20px; width:90%; max-width:750px; text-align:left;line-height: 20px;}

.moreButton {position: absolute; z-index: 100; cursor: pointer;
left: 0px;
top: 25%;
color: #f00;
width: 100%;
text-align: center;}

@media only screen and (max-width: 890px) {
	.serviceItem { flex-basis: 40%; }
	.item {font-size: 14px;}
}

@media only screen and (max-width: 760px) {
	.individualPic {width: 100%; text-align:center; margin-bottom:0;}
	.individualText { margin-top: 0; width: 100%; text-align:center;}
	.individualBio {padding: 0; width: 90%;}
	.serviceItem { flex-basis: 35%; }
	
}
@media only screen and (max-width: 734px) {
	h2 { margin-top: 14px; }
	.serviceItem {
		width: 80%;
		padding: 0;
		margin: 0 auto;
	}
	.odd {flex-direction:column;}
    .even {flex-direction:column;}
	#sideBarLinks { display: none; }
	#rightContentZone {justify-content: center;align-items: flex-start;}
	.aboutMobile { display: block; }
	.productGrid { text-align: center; padding:0; min-width:200px; width: 95%; height: 100%;}
	.productGrid img {width:85%; height:auto; }
	.productName, .productPrice { padding: 0 5px 5px 5px;}
	.teamHeader { max-width: 600px;}
	.teamGrid { text-align: center; padding:0; max-width:200px; width: 95%; height: 100%; padding-bottom: 30px;}
	.teamGrid img {width:75%; height:auto; }
	.teamName { padding: 0 5px 5px 5px; color: #000000;}	
}

@media only screen and (max-width: 550px) {
	.serviceItem { width: 95%; }
	.individualPicSize {width:50%;}
}