/* USER VARIABLES SECTION */

:root {
	--accent: #517085;
	--text: #FFFFFF;
	--regular-text: 16px;
	--lineheight: 120%;
	--userfont: "lemonde-courrier", sans-serif;
	--title: dazzle-unicase, sans-serif;
	--systemfont: -apple-system, BlinkMacSystemFont, Arial, sans-serif;
	--desktop: 100 / 1920;
	--mobile: 100 / 375;

}



/* FONTS LOAD SECTION */
html {
	margin: 0;
	padding: 0;
}
body {
	height: 100vh;
	overflow: hidden;
	width: 100%;
	background: #99b755;
	margin: 0;
	padding: 0;
}

.bio-slider {
	width: auto;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 100vh;
	overflow: hidden;
}

.bio-slide {
	display: block;
	height: 100%;
	width: 100%;
	text-align: center;
	background: #99b755;
}

.bio-slide img {
	height: 100%;
	width: auto;
}
.mobile-image {
	display: none;
}

@media (max-width: 1600px) {
	.bio-slide img {
		width: 100%;
		height: auto;

	}

	.bio-slide {
		display: flex;
		align-items: center;
	}
}



@media (max-width: 800px) {
	.bio-slide img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}
	.mobile-image {
		display: block;
	}
	.desktop-image {
		display: none;
	}
}