.flex-container {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	/* background-color: lightgrey; */
	height:100%;
}
.flex-item {
	flex: 3;
	margin:auto;
	text-align:center;
	height:100%;
}
.c-image {
	display:flex;
	max-height:100%;
	justify-content:center;
}
.c-image > img {
	max-width:100%;
	max-height:100%;
	margin:auto;
}
.c-text {
	font-size:24px;
	color:white;
	flex-grow: 4;
	/* background-color: white; */
	margin:auto;
	text-align:left;
	width:90%;
	/* overflow:scroll; */
	margin-left:4%;
	margin-right:4%;
}

.c-text h1 {
	color:white;
	font-weight:bold;
	margin-bottom:4rem;
}
.c-text p {
	font-weight:bold;
	margin-bottom:2rem;
}

.item {
	height:100%;
}

.carousel-inner {
	height:100%;
	padding-left:10vh;
	padding-right:10vh;
}

#myCarousel {
	/* background-image: linear-gradient(90deg, lightblue 30%, blue 100%); */
	background-image: linear-gradient(0deg, #269FB7 0%, #215E6A 100%);
	padding-top:2vh;
	padding-bottom:2vh;
	height:100%;
}

.carousel-container {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
}

.carousel-item {
		width: 100%;
		height: 85%;
		margin: 10px;
		display: flex;
		align-items: center;
		color:white;
}

.carousel-control {
	width: 5%;
}

.jc-left {
	justify-content: left;
}

.jc-right {
	justify-content: right;
}

.d-block {
  display:block;
}
.carousel-item > h3 {
	font-family: Roboto;
	font-size: 36px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 20px;
}
.carousel-item > p {
	font-size: 20px;
	max-width:75%;
}