/* Typography
--------------------------------------------- */
.black {color: var(--black);}
.white {color: var(--white);}
.grey {color: var(--grey);}

.grey-background, .bg-grey {background: var(--grey);}
.black-background, .bg-black {background: var(--black);}

.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}
.justify {text-align: justify;}

.thank-you-padding h1,
.thank-you-padding p,
.gallery-copy p,
.sans-serif {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
}

.sans-serif-italic {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-style: italic;
}

.xl-heading {font-size: 3rem;}

.heading {font-size: 2.3rem;}

.small-heading-light {
	font-size: var(--small-heading);
	font-weight: 300;
}
.small-heading {
	font-size: var(--small-heading);
	font-weight: 400;
}

.smaller-heading {
	font-size: var(--smaller-heading);
	font-weight: 300;
}

.intro-heading {
	font-size: var(--intro-heading);
	font-weight: 300;
	line-height: 1.8;
}

.xsmall-heading {
	font-size: var(--xsmall-heading);
	font-weight: 400;
}

.slider-heading {
	font-weight: 500;
	font-size: clamp(1rem, 1.2vw, 1.4rem);
}

.thank-you-padding h1,
.gallery-copy h2, .gallery-copy h3,
.small-heading-bold {
	font-size: var(--small-heading);
	font-weight: 600;
}

.large-cta {
	font-size: clamp(1.3rem, 1.3vw, 1.5rem); 
	font-weight: 500;
}

.xs-copy {font-size: var(--xs-copy);}

.sm-spacing {letter-spacing: 0.07rem;}

.mobile-nav li {font-size: var(--body-copy);}

.thank-you-padding h1 p,
.gallery-copy p,
.body-copy {
	font-size: var(--body-copy);
	line-height: 1.8;
	font-weight: 300;
}
.no-list p {
	margin-bottom: 0px;
}
.symbol {
	vertical-align: top;
	font-size: var(--small-heading); 
}

.number {
	font-size: var(--number); 
	font-weight: 300;
}

.uppercase {text-transform: uppercase;}

.cta, .cta:visited, .cta:focus {
	text-decoration: none;
	color: var(--black);
	border-bottom: 1px solid #000000;
}

.learn-more {
	width: -webkit-fit-content;
	margin: auto;
	display: block;
	border: 1px solid var(--white);
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-o-border-radius: 0px;
	padding: 0.5rem 1rem;
}

.counters .smaller-heading {display: block; width: 100%; margin: -1rem auto auto auto;}