.img-def {
	width: 100%;
	height: 100%;
	/* Needed! */
	object-fit: none;
	opacity: 1;
	z-index: 1;
}

.cover-def {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/* Needed! */
	object-fit: none;
	background-color: black;
	opacity: 0.0;
	z-index: 100;
}

.bottom-gradient {
	position: absolute;
	bottom: 205px;
	left: 0px;
	width: 100%;
	height: 130px;
	object-fit: none;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	z-index: 25;
}

.bottom-cover {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 205px;
	/* Needed! */
	object-fit: none;
	background-color: black;
	opacity: 0.2;
	z-index: 25;
}

.button-container {
	padding-bottom: 20px;
	z-index: 55;
}

.button-oval {
	z-index: 60;
/*	background-color: #21d2ff; */
 	background-color: #31e2ff; 
	/* Light blue */
	border: none;
	border-radius: 40px;
	/* Half of height to make it oval */
	padding: 10px 20px;
	font-size: 12pt;
	height: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	white-space: nowrap;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

.div-img {
	position: absolute;
	height: 533px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.div-all-text-contracted {
	max-width: 80%;
}

.div-all-text {
	width: 430px;
	position: absolute;
	bottom: 0px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.div-img-headline {
	transition: bottom 0.2s ease-in-out;
	padding-bottom: 20px;
	font-size: 20.5pt;
	font-family: Arial, sans-serif;
	font-weight: lighter;
	color: #f0f0f0;
	text-align: center;
	word-wrap: normal;
	z-index: 50;
}

.div-img-text {
	width: 550px;
	transition: bottom 0.2s ease-in-out;
	padding-bottom: 20px;
	font-size: 13pt;
	font-family: Arial, sans-serif;
	font-weight: lighter;
	color: #f0f0f0;
	text-align: center;
	word-wrap: normal;
	z-index: 50;
}

.div-img-left {
	position: absolute;
	left: 0px;
	width: 33%;
	/* transition: width 1s, left 1s;   */
	border-right: 5pt solid white;
	background-color: black;
}

.button-left {
	transition: bottom 0.2s ease-in-out;
	background-color: #31e2ff;
	z-index: 60;
}

.div-img-center {	
	position: absolute;
	left: 33.1%;
	width: 33%;
	/* transition: width 1s, left 1s;    */
	border-right: 5pt solid white;
	border-left: 5pt solid white;
	background-color: black;
}

.button-center {
	transition: bottom 0.2s ease-in-out;
	background-color: #31e2ff;
	z-index: 60;
}

.div-img-right {
	position: absolute;
	right: 0.0%;
	width: 33%;
	/* transition: width 1s;    */
	border-left: 5pt solid white;
	background-color: black;
}

.button-right {
	background-color: #31e2ff;
	z-index: 60;
}

.main-container {
	width: 100%;
	height: 533px;
	overflow: hidden;
	display: flex;
	justify-content: center;
}

.panels {
	position: relative;
	top: 0px;
	left: 0px;
	max-width: 1600px;
	min-width: 900px;
	width: 100%;
	min-height: 533px;
}