html {
	height: 100%;
}
#body > .space-around {
	min-height: 100%;
	max-width: 1300px;
	min-width: 700px;

	display: flex;
	flex-direction: column;

	margin : auto;

}
body > * {
	width : 100%;
}

header{
	background-color: var(--important-color);
	color: var(--main-color);
	padding: 25px;
	gap: 30px;
}
h1{
	color: var(--main-color);
}

.logo {
	height:100px;
}
.button_on_img > div {
	position: absolute;
	top:35%;
	left: 10%;
}
.button_on_img {
	position:relative;
}
.space-around {
	padding: 50px;
	padding-bottom:10px;
	padding-top:20px;
}
.size-500px {
	max-width: 500px;
	height: 100%;
}
.size-300px {
	max-width: 380px;
}

#a-propos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
}

@media (max-width:1500px){
	#a-propos {
		flex-direction: column;
		align-content: center;
	}

}

footer {
	
	
}