.legalWrap { 
	padding: clamp(40px, 10vw, 50px) 18px 40px; 
	font-size:15px; 
	color: #515355;
}

.legalContent h1 { 
	text-transform:uppercase; 
	font-size:21px; 
	color:#000;
	padding: 0px 0 10px;
	margin: 0;
}

.legalContent h2 { 
	text-transform:uppercase; 
	font-size:16px; 
	color:#000; 
	display:block; 
	padding-bottom:0px; 
	letter-spacing: normal;
	font-weight:700; 
	margin: 35px 0 0;
}

.legalContent h3 { 
	font-size:15px; 
	color:#000; 
	display:block; 
	padding-bottom:0px; 
	font-weight:700; 
	margin: 10px 0 0;
}

.legalContent p { 
	margin: 0 0 10px; 
	color:#515355; 
}

.legalContentStrong {
	text-transform:uppercase; 
	font-size:18px; 
	color:#024;
}

.legalContentStrong2 {
	text-transform:uppercase; 
	font-size:16px; 
	color:#024; 
	display:block; 
	padding-top:7px; 
	padding-bottom:5px; 
	font-weight:bold;
}

.aboutImg {
   width: 60%;
   height: 60%;
}

.storeBadges{
	margin-top: 20px;
	display:flex;
	gap:8px;
	flex-wrap:wrap;         /* key: wrap to next line if not enough space */
	align-items:center;
}

.storeBadge{
  	display:inline-flex;
}

.storeBadge img{
	height:50px;            /* keep consistent size */
	width:auto;
	display:block;
}

/* When they wrap, make each badge take full width (so it becomes a column) */
@media (max-width: 360px){
  .storeBadge{
    	flex: 0 0 100%;
  }
}



/* About page feature grid */
.rdAbout {
  max-width: 980px;
  margin: 0 auto;
  padding: 24px 18px 36px;
}

.rdAbout h1 {
  margin: 6px 0 16px;
  font-size: 28px;
  letter-spacing: .2px;
}

.rdAboutLead {
  margin: 0 0 22px;
  color: #515355;
  max-width: 78ch;
}

.rdAboutGroupTitle {
  margin: 22px 0 10px;
  font-size: 14px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #223;
  border-bottom: 1px solid #e1e3e5;
}

.rdFeatures {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 30px;
}

@media (max-width: 760px) {
  .rdFeatures { grid-template-columns: 1fr; }
}

.rdFeature {
  display: grid;
  grid-template-columns: clamp(46px, 10vw, 56px) 1fr;
  gap: 12px;
  padding: 0px 0px;
  border-radius: 14px;
  background: #fff;
}

.rdFeatureIcon {
  width: clamp(46px, 10vw, 56px);
  height: clamp(46px, 10vw, 56px);
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: rgba(16, 42, 67, .08);
}

.rdFeatureTitle {
  margin: 2px 0 6px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .02em;
  color: #000;
  text-transform: uppercase;
}

.rdFeatureText {
  margin: 0;
  color: #445;
  line-height: 1.5;
}