/* Overwrite reusable properties */
.home-banner-container {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: auto;
	height: 35vw;
}

.home-page-banner-header {
	padding: 7rem;
	background-color: #dbdbdb;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
}

.home-page-banner-quote {
	padding: 7%;
	font-size: 2vw;
	line-height: 2;
	background-color: #182978;
	color: #fff;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 64%;
	padding: 10vw 2vw;
	font-size: 2.2vw;
	flex-direction: column;
}

.home-banner-container, .home-page-banner-header {
	height: 46vw;
	background-color: #182978;
}

.home-img {
	height: 46vw;
}

.outer-container {
	justify-content: center;
}

.img-banner {
	/* Background */
	background-image: url("/static/images/happy_we.e959ce482ef9.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position-x: 50%;
	background-position-y: 50%;
	height: 380px;
}

.img-banner .btn {
	width: 80%
}

.fluid-outer-container {
	padding-bottom: 4rem;
}

.intro-text {
	/* font-size: 1.8vw; */
	padding: 8% 6%;
}

/* Newsletter, Events, Awards */
.info-row {
	display: flex;
	flex-direction: row;
	padding: 2% 0;
}

.info-col {
	display: flex;
	flex-direction: column;
	margin: 2rem;
}

.info-row p.subheader {
	margin-bottom: 0;
	color: rgba(121, 121, 121);
	font-size: 2vw;
}

.info-header {
	font-size: 4.9vw;
	font-family: var(--font-headers);
}

.info-newsletter-img {
	height: 35vw;
}

.info-newsletter-text {
	padding: 8% 5% 0 5%;
	width: 62%;
}

.newsletter-img {
	max-width: 100%;
	height: auto;
	border-radius: 50%;
}

.info-events-img {
	width: 62%;
	height: 40vw;
	margin: 0;
	/* Background */
	background-size: cover;
	background-image: url("/static/images/Senesino_Cuzzoni_Berenstadt_BW.df9cfeb8c99b.jpg");
	background-repeat: no-repeat;
	background-position-y: 68%;
}

.info-events-text {
	width: 38%;
	padding: 6% 4% 0 4%;
}

.events-img {
	max-width: 100%;
	height: auto;
	border-radius: 2%;
}

.info-study-img {
	width: 45%;
	margin: 0;
	/* Background */
	background-size: cover;
	background-image: url("/static/images/discovery-bw.43a5d50f3edb.jpg");
	background-repeat: no-repeat;
}

.info-study-text {
	width: 55%;
	padding: 2%;
}

/* Small screens */
@media screen and (min-width: 0px) and (max-width: 768px) {
	.fluid-outer-container, .outer-container {
		padding: 1.5rem 0;
	}

	.home-banner-container {
		height: auto;
	}

	.home-page-banner-quote {
		font-size: 3.8vw;
		padding: 6vw 2vw;
	}

	.attribution {
		display: none;
	}

	.intro-text {
		padding: 8% 4%;
	}

	.img-banner {
		background-size: 400%;
		height: 450px
	}

	.info-header {
		font-size: 5rem;
	}

	.info-row {
		padding: 1% 0;
	}

	.info-row p.subheader {
		font-size: 2.2rem;
	}

	.info-newsletter-text, .info-events-text, .info-study-text {
		width: 100%;
		padding: 2% 4%;
	}

	.info-newsletter-img, .info-events-img, .info-study-img {
		display: none;
	}
}