/*
--------------------------------------
Container
--------------------------------------
*/

.banner-text-container {
	margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

/*
--------------------------------------
Item
--------------------------------------
*/

.banner-text-container .banner-text-element {
	color: #fff;
}

/*Subhead*/

.banner-text-container .banner-text-subhead {
	font-size: 16px;
	font-weight: 500;
	color: var(--e-global-color-secondary);
	line-height: 25px;
	letter-spacing: -0.64px;
	text-transform: uppercase;
}

/*Title*/

.banner-text-container .banner-text-title {
	font-size: calc(28px + (60 - 28) * ((100vw - 320px) / (1920 - 320)));
	font-style: normal;
	font-weight: 600;
	color: #fff;
	text-align: center;
	line-height: 1.25;
	margin-bottom: .5em;
}

.banner-text-container.banner-text-title--left * {
	text-align: left;
}

.banner-text-container .banner-text-title.banner-text-title--medium {
	font-size: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));
}

.banner-text-container .banner-text-title .banner-first-part-text--darkgrey,
.banner-text-container .banner-text-description--darkgrey {
	color: var(--e-global-color-primary);
}

/*Colored title*/

.banner-text-container .banner-text-title .banner-colored-text {
	color: var(--e-global-color-secondary);
}

/*Description*/

.banner-text-title--center .banner-text-description-container.banner-text-element {
	max-width: 695px;
	margin: auto;
	text-align: center;
}