#titlePage{
	margin: auto;
	text-align: center;
	margin-top: 5%;
}

p{
	margin-top: 30px;
	text-align: center;
}

.content {
	position: relative;
	padding-top: 20px;
	text-align: center;
}


@media (max-width: 600px) {
	h3{
		font-size: 20px;
	}
	
	#titlePage{
		margin-top: 50px;
		height: 100px;
		width: 125px;
		background-color: #CEB49F;
		border-radius: 150px 200px 105px 105px;
		background-size: 50px 100px;
		background-repeat: no-repeat;
		background-position: center right;
		background-image: url("../img/bottomRectangleImg.png");
		display: flex;
		align-items: center;
	}
	
	#titlePage > h3{
		text-align: center;
		width: 100%;
	}
	
	#sectionOne, #sectionTwo, #sectionThree{
		margin-top: 10px;
		margin-right: 10px;
		margin-left: 10px;
		border: 1px dotted white;
	}
	
	#sectionOne > ul > li, #sectionTwo > ul > li, #sectionThree > ul > li{
		font-size: 13px;		
		margin-top: 15px;
		color: white;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0;
	}
	
	.danger{
		width: 220px;
		background-size: 25px 25px;
		background-repeat: no-repeat;
		background-position: center right;
		background-image: url("../img/danger.png");
		margin: auto;
	}
	
	#dureeSceance{
		font-size: 25px;
		display: flex;
		align-items: center;
		text-align: center;
		justify-content: center;
		font-weight: bold;
	}
	
	#threeSections{
		text-align: center;
	}
	
	#threeSections > div > img{
		height: 120px;
		width: auto;
	}
	
	#threeSections > div > p{
		text-align: center;
	}
}

@media (min-width: 600px) {
	h1{
		font-size: 120px;
	}
	
	p{
		font-size: 20px;		
		margin-top: 30px;
		text-align: left;
	}
	
	#titlePage{
		height: 150px;
		width: 200px;
		background-color: #CEB49F;
		border-radius: 150px 200px 105px 105px;
		background-size: 50px 100px;
		background-repeat: no-repeat;
		background-position: center right;
		background-image: url("../img/bottomRectangleImg.png");
		display: flex;
		align-items: center;
		text-align: center;
	}
	
	#titlePage > h3{
		text-align: center;
		align-items: center;
		width: 100%;
	}
	
	#ThreeSectionsTop{
		display: flex;
		align-items: center;
		text-align: center;
		padding: 20px;
	}
	
	#sectionOne, #sectionTwo, #sectionThree{
		width: 30%;
		margin: auto;
	}
	
	#sectionOne > ul > li, #sectionTwo > ul > li, #sectionThree > ul > li{
		font-size: 20px;		
		margin-top: 30px;
		color: white;
		text-align: left;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0;
	}
	
	.danger{
		width: 220px;
		background-size: 30px 30px;
		background-repeat: no-repeat;
		background-position: center right;
		background-image: url("../img/danger.png");
		margin-left: 0;
	}
	
	#dureeSceance{
		margin: auto;
		display: flex;
		align-items: center;
		text-align: center;
		width: 300px;
		border: 1px dotted white;
		justify-content: center;
	}
	
	#threeSections{
		display: inline-flex;
		align-items: center;
		text-align: center;
	}
	
	#threeSections:#threeSectionsThree{
		margin-right: 0;
	}
	
	#threeSectionsOne, #threeSectionsTwo, #threeSectionsThree{
		margin-right: 150px;
	}
	#threeSectionsThree{
		margin-right: 0;
	}
	
	#threeSections > div > img{
		height: 150px;
		width: auto;
	}
	
	#threeSections > div > p{
		text-align: center;
	}
}

@media (min-width: 1200px) {
	p{
		max-width: 1200px;
		margin: auto;
	}
}

@media (min-width: 600px) and (max-height: 700px) {
	
}