.orange-font {
	color: #f99b1d;
}
.lgt-orange-font {
	color: #dd9e4a;
}

med, .med {
	font-size: 90%;
	line-height: 150%;
}


/* Paragraphs */
p {
	color: #777;
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	margin: 0 0 20px;
}

p.featured {
	font-size: 1.6em;
	line-height: 1.5em;
}

p.lead {
	line-height: 28.8px;
	line-height: 1.8rem;
    margin-top: 35px;
    margin-bottom: 35px;
}

p .alternative-font {
	display: inline-block;
	margin-top: -15px;
	position: relative;
	top: 3px;
	margin-bottom: -6px;
}

/* Lead */
.lead {
	letter-spacing: -.05em;
	font-size: 19.2px;
	font-size: 1.2rem;
}

.lead-2 {
	font-size: 17.92px;
	font-size: 1.12rem;
    margin-top: 20px;
    margin-bottom: 20px;
}

.medium {
  font-size: 0.8rem; 
  line-height: 1.2rem; 
  font-weight: 300;      /* regular weight for readability */
  color: #333;           /* dark gray, softer than pure black */
}



/* Basic margin around any image using this helper */
.img-margin {
  display: inline-block;   /* keeps image inline but allows margin */
  max-width: 100%;         /* responsive */
  height: auto;
  margin-left: 1rem;       /* horizontal spacing */
  margin-right: 1rem;
}

/* Float helpers for wrapped text */
.img-left {
  float: left;
  margin: 0 1rem 1rem 0;   /* top right bottom left - space to the right for text */
}

.img-right {
  float: right;
  margin: 0 0 1rem 1rem;   /* top right bottom left - space to the left for text */
}

/* Clearfix - if a container only contains floated images + text, ensure it expands */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}