body{
	height: auto;
	background-image: linear-gradient(white, seashell);
}

h2{
	text-align: center;
	font-family: calibri;
	color: crimson;
}

h3{
	color: lightcoral;
}
h4{
	color: mediumpurple;
}

p{
	font-family: calibri;
}

main{
	
	padding: 10px;
}

footer{
	background: black;
	color: white;
	margin-top: 0%;

	}

footer div p{
		text-align: center;
	}

	footer div a{
		text-decoration: none;
		color: yellow;
	}

@media screen and (min-width: 1024px) and (max-width: 2000px){
	.un{
	width: 40%;
	height: auto;
}

	.div_contact{
		justify-content: center;
	}

.deux, .trois{
	width: 30%;
}

header div{
	display: flex;
}
 .div1{
 	display: flex;
 }

.img1{
	float: left;

}

.marge1{
	padding: 0px;
	margin-left: 10px;
}


footer{
	padding: 10px;
	height: 150px;
	margin-top: 200px;
}

}

@media screen and (min-width: 750px) and (max-width: 1023px){
	.un{
		width: 50%;
	}

	.deux{
		width: 25%;
	}
	.trois{
		width: 25%;
	}

	header div{
		display: flex;
	}

	 .div1{
 	display: flex;
 }

.img1{

	float: left;

}

.marge1{

	padding: 0px;
	margin-left: 10px;
}


	footer{
		height: 150px;
		margin-top: 80px;
		padding-bottom: 10px;

	}
	.div_contact{
		padding-top: 8px;

	}
} 


@media screen and (max-width: 749px){
	/* header */

	.un{
		width: 100%;
	}
	.deux, .trois{
		display: none;
}

/* image */

.img1, .img2{
	text-align: center;
}

.photo{
	
	width: 300px;
	height: 150px;
}

h4{
	text-align: center;
}

/* footer */	
	
	.div_contact{
		display: flex;
		justify-content: space-between;
		margin-left: 20px;
		margin-right: 20px;
	}
	footer{
		height: 100px;
		padding: 8px;
	}
}