* {
	box-sizing: border-box;
}

body{
	background-color: #e7ecf7;
	height: 100vh;
	width: 100vw;  
	display: grid;
	grid-template-rows: auto;
}

.navbar .social-part {
	margin-left: auto; 
	margin-right: 0.25vw;
}

.navbar .social-part a {
	text-decoration: none;
}

.active {
	font-weight: bold;
}

#bouton {
	margin-right: 12px;
}

.card-img-top {
    width: auto;
    height: 15vw;
    object-fit: cover;
}

.card-text a {
	color: black;
	font-weight: bold;
}

@media (min-width: 481px) {
	.carousel img {
		height: 45vh;
		width: 80vh;
	}

	.modal-content {
		height: 100%;
	}
	
	.modal-body {
		height: 100%;
	}
}

@media (max-width: 480px) {
	.carousel img {
		width: 100%;
		height: 30vh;
	}
	
	.modal-dialog{
		height: 100%;
		width: 100%;
	}

	.modal-content {
		height: 100%;
	}

	.modal-body {
		height: 100%;
	}

	.dash-table {
		zoom: 0.45;
	}
}

.carousel-inner p{
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

.modal-dialog {
	height: 95vh;
}

.modal-footer a {
	color: white;
}

.information{
	font-size: 20px;
	text-align: center;
}

.mb-0 img {
	height: 50px;
 	width: auto;
}

.mb-0 a {
	color: black;
	text-decoration: none;
}


.pb-5 img {
	padding: 5px; /* Some padding */
	width: 50px; /* Set a small width */
  }