.page-section.page-section-hero {
	margin: 0;
}

/* The image container gets a background-image applied through css */
.ftps-hero-image {
	background-size: cover;

	@media(min-width: 48.5em){
		align-self: flex-start;	
	}
}

/* Annalee styles */
.ft-page-sections .page-section-hero:first-child img {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-top: none;
}

.ftps-hero-content {
	text-align: center;

	@media(min-width: 48.5em){
		text-align: initial;
		padding-right: var(--ftps-hero-content-padding-right);
		max-width: var(--ftps-hero-content-max-width);	
	}
}

.hero-title,
.hero-title h2 {
	font: inherit;
	text-transform: uppercase;
	font-size: var(--ftps-hero-title-size);
	line-height: var(--ftps-hero-body-line-height);
	margin: var(--ftps-hero-spacing-xs) 0;

	@media(min-width: 45em){
		margin-top: var(--ftps-hero-spacing-normal);
		font-size: 1.125rem;
		line-height: inherit;	

	}

}

.hero-text h2,
.entry-content .hero-text h2 {
	margin: var(--ftps-hero-spacing-xs) 0;

	@media(min-width: 64em){
		font-size: var(--ftps-hero-heading-size-xl);	/* 77/87 */
		line-height: var(--ftps-hero-heading-line-height-xl);
	}

}

.hero-text p, 
.entry-content .hero-text p {
	font-size: var(--ftps-hero-title-size);
	line-height: var(--ftps-hero-body-line-height);
	margin: var(--ftps-hero-spacing-xs) 0;	

	@media(min-width: 45em){
		font-size: 1em;
		line-height: inherit;	
	}
	
}

.hero-inner {

	@media(min-width: 48.5em){
		display: flex;
		flex-direction: row-reverse;
		align-items: center;
		justify-content: space-between;
		max-width: var(--ftps-hero-inner-max-width);
		margin: 0 auto;
	}
}