/* Vos customisations des classes de Bootstrap */
ul.nav {
	background-color: black;
	display: flex;
	justify-content: space-between;
}

a.nav-link.active {
	color: white;
	display: flex;
	justify-content: flex-end;

}

a.nav-link {
	display: flex;
	justify-content: flex-end;
}

.container-fluid {
}

.fond {
	background-image: url("../images/hero-image.jpg");
}

p.premier{
	color: white;
	font-size: 60px;
	text-align: center;
	padding: 30px;
	margin: 50px;
}

p.deuxieme {
	color: white;
	font-size: 20px;
	text-align: center;
	padding: 30px;
	margin: 50px;
}

#div1 {
	background-image: url("../images/hero-image.jpg");
}

h1.display-4 {
	color: white;
	font-size: 60px;
	text-align: center;
	padding: 30px;
	margin: 50px;
}

p.lead {
	color: white;
	font-size: 20px;
	text-align: center;
	padding: 30px;
	margin: 50px;
}

hr.my-4 {
	opacity: 0;
}

a.btn.btn-primary.btn-lg {
	position: relative;
	left: 45%;
	background-color: red;
}

img.photocode {
	position: relative;
	left: 47%;
}


.photo2 {
	position: relative;
	left: 45%;
}

div.who {
	background-color: white;
}

#display5 {
	color: black;
}

#display6 {
	color: #f83653;
	text-align: center;
	font-size: 35px;
}

div.jumbo2 {
	background-color: white;
}

hr {
	visibility: hidden;
}

#get-involved {
	background-color: black;
}

/* Responsive Styling */

@media (max-width: 1199px) {
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {

}