/* general settings */


* {
	box-sizing: border-box;
	font-family: 'Roboto', sans-serif;
	margin: 0;
	padding: 0;

}

body {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	height: 100vw;
	background-color: #222;
}

h2 {
	color: white;
}

video {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
}

section {
	padding-top: 10vw;
	padding-bottom: 5vw;
	margin: 0 auto;
}

nav {
	color: rgb(255, 255, 255);
	z-index: 1000;

}




/* landing page */

.background-video {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 110vw;
	background-size: contain;
	z-index: -1;
}

.container {
	height: auto;
	width: 100vw;
	overflow: hidden;
	z-index: 1;
}

.content {
	width: 100%;
	padding: 5vw 5vw;
}

.title {
	position: relative;
	margin-top: 3vh;
	text-align: center;
	color: white;
	text-transform: uppercase;
	mix-blend-mode: difference;
	z-index: 2;
}

.title-span {
	font-size: 7vw;
	display: inline-block;
}

.title .stroke {
	display: inline-block;
	color: transparent;
	-webkit-text-stroke: 2px white;
	font-size: 4vw;
}

.stroke .letter {
	display: inline-block;
	line-height: 1em;
}

.header {
	position: relative;
	padding: 0 70px;
	height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;


}

.header-img img {
	display: block;
	width: 20vw;
	height: 20vw;
	object-fit: contain;
}

.header .stroke {
	display: inline-block;
	color: transparent;
	-webkit-text-stroke: 2px white;
	font-size: 4vw;
}

nav .mainMenu {
	display: flex;
	align-items: center;
	justify-content: center;
	list-style: none;
}

nav .mainMenu li a {
	display: inline-block;
	padding: 1vw 3vw;
	margin-bottom: 2vw;
	text-decoration: none;
	background-color: #222;
	border-radius: 50px;
	text-transform: uppercase;
	color: #999;
	font-size: 1.5rem;
	overflow: hidden;
	transition: 0.2s ease;
}

nav ul li {
	overflow: hidden;
}

nav .mainMenu span a {
	font-size: 5rem;
}





nav .mainMenu li a:hover {
	background: #222;
	color: rgb(160, 59, 165);
	text-shadow: 0 0 15px rgb(190, 166, 210), 0 0 40px rgb(123, 44, 176);
	background-color: 222;
	border-radius: none;
	transition: 1s ;
	padding: 1vw 5vw;
	transition: .6s;
}



nav .openMenu {
	position: fixed;
	font-size: 2rem;
	margin: 20px;
	display: none;
	cursor: pointer;
	z-index: 1000;
}


nav .mainMenu {
	height: 100vh;
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	z-index: 10;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background: rgb(0, 0, 0);
	transition: top 1s ease 0s;
	display: none;
	padding-top: 10px;
}

nav .mainMenu .closeMenu {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
}

nav .openMenu {
	display: block;
}
nav .mainMenu li {
	display: flex;
}


.mainMenu span img {
	width: 7vw;
}


.section-title {
	position: relative;
	margin: 0;
	margin-bottom: 4vw;
	line-height: .8;
	font-size: 3vw;
	text-align: center;
	color: white;
	text-transform: uppercase;
}

.section-title .stroke {
	color: transparent;
	-webkit-text-stroke: 2px white;
}

.section-title-square {
	position: absolute;
	display: inline-block;
	width: 10vw;
	height: 10vw;
	border: 3px solid white;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}



/* services */
.services {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}


.services__item {
	list-style: none;
	width: calc(33.33% - 27px);
}


.services__p {
	font-size: 20px;
	color: #4b4b4b;
}

.services .content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;

	z-index: 1;
}

.content2 {
	display: flex;
	align-items: center;
	justify-content: center;
}

.content3 {

	padding-top: 5vw;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;

}

.content3 .card1,
.content3 .card2,
.content3 .card3,
.content3 .card4,
.content3 .card5,
.content3 .card6 {
	position: relative;
	width: 30%;
	height: 14vw;
	margin: 2vw;
	box-shadow: 1vw 1vw 2vw white;
	border-radius: 2vw;
	background: rgba(255, 255, 255, 0.1);
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, 0.5);
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	background-position-y: center;
}

.content3 .card1 {
	background-image: url(/img/webdesign.png);

}

.content3 .card2 {
	background-image: url(/img/ecommerce.png);
}
.content3 .card3 {
	background-image: url(/img/maintenance.jpg);
}

.content3 .card4 {
	background-image: url(/img/referencement.png);
}

.content3 .card5 {
	background-image: url(/img/database.png);
}

.content3 .card6 {
	background-image: url(/img/question.png);
}

.content3 .card1 .content,
.content3 .card2 .content,
.content3 .card3 .content,
.content3 .card4 .content,
.content3 .card5 .content,
.content3 .card6 .content {
	padding: 20px;
	text-align: center;
	transform: translateY(100px);
	opacity: 0;
	transition: 0.5s;
}

.content3 .card1:hover,
.content3 .card2:hover,
.content3 .card3:hover,
.content3 .card4:hover,
.content3 .card5:hover,
.content3 .card6:hover {
	background-color: black;
	background-image: url(/img/ancl_logo.png);
	scale: 1.2;
}

.content3 .card1:hover .content,
.content3 .card2:hover .content,
.content3 .card3:hover .content,
.content3 .card4:hover .content,
.content3 .card5:hover .content,
.content3 .card6:hover .content {
	display: flex;
	flex-direction: column;
	transform: translateY(0px);
	opacity: 1;
	transition: 0.5s;
}



.content3 .card1 .content h3,
.content3 .card2 .content h3,
.content3 .card3 .content h3,
.content3 .card4 .content h3,
.content3 .card5 .content h3,
.content3 .card6 .content h3 {
	font-size: 1.8em;
	color: white;
	z-index: 1;
}


.content3 .card1 .content a,
.content3 .card2 .content a,
.content3 .card3 .content a,
.content3 .card4 .content a,
.content3 .card5 .content a,
.content3 .card6 .content a {
	position: relative;
	display: inline-block;
	padding: 8px 20px;
	margin-top: 15px;
	background: white;
	color: black;
	border-radius: 20px;
	text-decoration: none;
	font-weight: 500;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);

}

/* clients */

.nosclients {
	min-height: 100vh;
	flex: 1;
}

.containerclient {
	display: flex;
	flex-wrap: no-wrap;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 1vw;
	padding: 0 5vw;
}

.client {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: relative;
	width: 80%;
	margin-bottom: 2vw;
}

.client .nomclient {
	color: white;
	font-size: 1.5vw;
	text-align: center;
	margin: 0 auto;
}
.nomclient2 {
	padding-top: 2vw;
	font-size: 2vw;
	color: white;
	text-align: center;
}
.nomclient a {
	text-decoration: underline;
	color: white;
	padding: 5w 0;
}
.logoclient {
	width: 30vw;
	height: 30vw;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 8vw;
	display: flex;
	justify-content: center;
}
.clients {
	color: white;
}
.containerclient .client .nomclient .temoin {
	color:rgb(243, 225, 26);
	font-size: 20px;
}
.temoin a {
	text-decoration: none;
	color:rgb(243, 225, 26);

}

/* about */

.about {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	position: relative;


}

.about .about-p {
	color: white;
	font-size: 1.6rem;
	text-align: justify;
	margin: 5vw 20vw;
}

/* footer */
.footer {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;
	color: white;
}

.footer-anim {
	font-size: 2vw;
	letter-spacing: .7vw;
	color: white;
	text-transform: uppercase;
}

.footer-anim span {
	display: inline-block;
}

.contact {
	margin: 3vw 0;
}

.disclaimer {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.disclaimer ul {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 100%;
	list-style-type: none;

}

.disclaimer ul li {
	color: white;
	font-size: 2vw;
	padding: 2vw 2vw;

}
/* web */
.web .containerweb1,.web .containerweb2 {
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	width: 80vw;
	height: auto;
	margin: 5vh 0;
	border: 2px solid white;
	border-radius: 20px;
	overflow: hidden;
  }
@media screen and (min-width:1600px) and (min-height:1000px){

/* index.html */

	nav li {
		font-size: 20px;
	}
	nav .mainMenu li a {
		font-size: 20px;
	}

	.header {
		min-height: 100vh;
		padding: 0;
	}

	.header img {
		width: 250px;
		height: auto;
	}

	.header .title-span {
		font-size: 90px;
	}

	.header .stroke {
		font-size: 60px;
	}

	.header .title h2 {
		font-size: 40px;
	}

	.section-title {
		font-size: 50px;
	}

	.section-title-square {
		width: 200px;
		height: 200px;
	}

	.services {
		padding-top: 100px;
	}
	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:550px;
		height: 300px;
		margin-top: 100px;
	}
	.services .content3 .content h3 {
		font-size: 30px;
	}
	.services .content3 .content a {
		font-size: 25px;
	}
	.nosclients,
	.about {
		padding-top: 100px;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin p {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin a {
		font-size: 20px;
	}


	.nosclients .nomclient {
		font-size: 20px;
	}
	.about .about-p {
		color: white;
		font-size: 20px;
		text-align: justify;
		margin: 5vw 20vw;
		padding-top: 5vw;
	}
	.footer-anim span {
		font-size: 40px;
	}

	.footer .disclaimer li {
		font-size: 25px;
	}

/* web.html */

  nav .mainMenu li a {
	font-size: 20px;
  }
 
  
  
  .web .containerweb1, .containerweb2 {
	max-width: 1600px;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	height: auto;
	margin: 50px 0;
	border: 3px solid white;
	border-radius: 20px;
	overflow: hidden;
  }
  
  
  
 
  
  .web .containerweb-texte h2 {
	text-align: left;
	font-size: 30px;
  }
  
  .web .containerweb-texte p {
	text-align: justify;
	font-size: 20px;
	color: white;
  }
  
  

  
  

}
@media screen and (min-width:1280px) and (max-width:1500px){

	/* index.html */
	
		nav li {
			font-size: 20px;
		}
		nav .mainMenu li a {
			font-size: 20px;
		}
	
		.header {
			min-height: 100vh;
			padding: 0;
		}
	
		.header img {
			width: 250px;
			height: auto;
		}
	
		.header .title-span {
			font-size: 130px;
		}
	
		.header .stroke {
			font-size: 80px;
		}
	
		.header .title h2 {
			font-size: 50px;
		}
	
		.section-title {
			font-size: 60px;
		}
	
		.section-title-square {
			width: 200px;
			height: 200px;
		}
	
		.services {
			padding-top: 100px;
		}
		.content3 .card1,
		.content3 .card2,
		.content3 .card3,
		.content3 .card4,
		.content3 .card5,
		.content3 .card6 {
			position: relative;
			width:550px;
			height: 300px;
			margin-top: 100px;
		}
		.services .content3 .content h3 {
			font-size: 30px;
		}
		.services .content3 .content a {
			font-size: 25px;
		}
		.nosclients,
		.about {
			padding-top: 100px;
		}
		.containerclient .client .nomclient .temoin h3 {
			font-size: 20px;
		}
		.containerclient .client .nomclient .temoin p {
			font-size: 20px;
		}
		.containerclient .client .nomclient .temoin a {
			font-size: 20px;
		}
	
	
		.nosclients .nomclient {
			font-size: 20px;
		}
		.about .about-p {
			color: white;
			font-size: 30px;
			text-align: justify;
			margin: 5vw 20vw;
			padding-top: 5vw;
		}
		.footer-anim span {
			font-size: 25px;
		}
	
		.footer .disclaimer li {
			font-size: 20px;
		}
	
	/* web.html */
	
	  nav .mainMenu li a {
		font-size: 20px;
	  }
	 
	  
	  
	  .web .containerweb1, .containerweb2 {
		max-width: 1600px;
		display: flex;
		align-items: center;
		justify-content: space-evenly;
		height: auto;
		margin: 50px 0;
		border: 3px solid white;
		border-radius: 20px;
		overflow: hidden;
	  }
	  
	  
	  
	 
	  
	  .web .containerweb-texte h2 {
		text-align: left;
		font-size: 30px;
	  }
	  
	  .web .containerweb-texte p {
		text-align: justify;
		font-size: 20px;
		color: white;
	  }
	  
	  
	
	  
	  
	
	}
@media screen and (min-width: 820px) and (max-width: 1024px) {
	nav li {
		font-size: 10vw;
	}

	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 50vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 4vw;
	}

	.section-title {
		font-size: 7vw;
	}

	.section-title-square {
		width: 25vw;
		height: 25vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:60vw;
		height: 30vw;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	.nomclient {
		padding-top: 10vw;
	}
	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 4vw;
		text-align: justify;
		margin: 5vw 20vw;
		padding-top: 5vw;
	}



	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer li {
		font-size: 40vw;
	}
/* web.html */

.footer .disclaimer ul li{
	font-size: 25px;
}
.etape {
	width: 100%;
}
.web .web-title-solutions span{
	font-size: 35px;
}
.web .containerweb1 {
	flex-direction: column;
	width: 80%;
}
.web .containerweb2 {
	flex-direction: column-reverse;
	width: 80%;
}
.web .containerweb-texte, .web .containerweb-img {
	width: 100%;
	padding: 10px;
}
.web .containerweb-texte h2{
	font-size: 25px;
}
.web .containerweb-texte p{
	font-size: 20px;
}
.web .containerweb-img img {
	width: 40%;
	height: auto;
	margin: 0 auto;
  }


}
@media screen and (min-width:760px) and (max-width:820px) {	
	nav li {
		font-size: 10vw;
	} 
	

	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 50vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 4vw;
	}

	.section-title {
		font-size: 7vw;
	}

	.section-title-square {
		width: 25vw;
		height: 25vw;
	}
	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:60vw;
		height: 30vw;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	.nomclient {
		padding-top: 10vw;
	}
	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 25px;
		text-align: justify;
		margin: 5vw 20vw;
		padding-top: 5vw;
	}



	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}

	/* web.html */

nav .mainMenu li a {
	font-size: 20px;
  }
 .web .footer .disclaimer ul li{
	font-size: 25px;
}
.etape {
	width: 100%;
}
.web .web-title-solutions span{
	font-size: 35px;
}
.containerweb1 {
	flex-direction: column;
	width: 100%;
}
.containerweb2 {
	flex-direction: column-reverse;
	width: 100%;
}
.web .containerweb-texte, .web .containerweb-img {
	width: 100%;
	padding: 10px;
}
.web .containerweb-texte h2{
	font-size: 25px;
}
.web .containerweb-texte p{
	font-size: 20px;
}
.web .containerweb-img img {
	width: 50%;
	height: auto;
	margin: 0 auto;
  }

}
@media screen and (min-width:410px) and (max-width:760px) {
	nav li {
		font-size: 10vw;
	}

	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 50vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 4vw;
	}

	.section-title {
		font-size: 5vw;
	}

	.section-title-square {
		width: 20vw;
		height: 20vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:60vw;
		height: 30vw;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 3vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	.nomclient {
		padding-top: 10px;
	}
	.nosclients .nomclient {
		font-size: 4vw;
	}
	.nosclients .temoin h3 {
		font-size: 3vw;
	}
	.nosclients .temoin p {
		text-align: justify;
		font-size: 3vw;
	}
	.nomclient .temoin a {
		font-size: 3.5vw;
		text-decoration: underline;
		cursor: pointer;
		
		
	}
	.nomclient2 {
		font-size: 4vw;
		text-align: left;
	}

	.about .about-p {
		color: white;
		font-size: 4vw;
		text-align: justify;
		margin: 5vw 20vw;
		padding-top: 5vw;
	}



	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer ul li{
		font-size: 15px;
	}
	.etape {
		width: 100%;
	}
	.web .web-title-solutions span{
		font-size: 20px;
	}
	.web .containerweb1 {
		flex-direction: column;
		width: 65%;
	}
	.web .containerweb2 {
		flex-direction: column-reverse;
		width: 65%;
	}
	.web .containerweb-texte, .web .containerweb-img {
		width: 100%;
		padding: 10px;
	}
	.web .containerweb-texte h2{
		font-size: 18px;
	}
	.web .containerweb-texte p{
		font-size: 15px;
	}
	.web .containerweb-img img {
		width: 60%;
		height: auto;
		margin: 0 auto;
	  }

}
@media screen and (min-width:370px) and (max-width:410px) {
	nav li {
		font-size: 20px;
	}
	nav .mainMenu li a {
		font-size: 20px;
	}

	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 45vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 3vw;
	}

	.section-title {
		font-size: 6vw;
	}

	.section-title-square {
		width: 20vw;
		height: 20vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width: 50%;
		height: 15%;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	.temoignage {
		margin-bottom: 20px;
	}
	.temoignage span {
		font-size: 4vw;
		text-align: justify;
	}
	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 4vw;
		text-align: justify;
		margin: 5vw 20vw;
	}



	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer ul li{
		font-size: 15px;
	}
	.etape {
		width: 100%;
	}
	.web .web-title-solutions span{
		font-size: 20px;
	}
	.web .containerweb1 {
		flex-direction: column;
		width: 65%;
	}
	.web .containerweb2 {
		flex-direction: column-reverse;
		width: 65%;
	}
	.web .containerweb-texte, .web .containerweb-img {
		width: 100%;
		padding: 10px;
	}
	.web .containerweb-texte h2{
		font-size: 18px;
	}
	.web .containerweb-texte p{
		font-size: 15px;
	}
	.web .containerweb-img img {
		width: 60%;
		height: auto;
		margin: 0 auto;
	  }

}
@media screen and (min-width:368px) and (max-width:370px) {
	nav li {
		font-size: 20px;
	}
	nav .mainMenu li a {
		font-size: 20px;
	}

	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 45vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 3vw;
	}

	.section-title {
		font-size: 6vw;
	}

	.section-title-square {
		width: 20vw;
		height: 20vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width: 50%;
		height: 15%;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	.temoignage {
		margin-bottom: 20px;
	}
	.temoignage span {
		font-size: 4vw;
		text-align: justify;
	}
	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 4vw;
		text-align: justify;
		margin: 5vw 20vw;
	}



	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer ul li{
		font-size: 15px;
	}
	.etape {
		width: 100%;
	}
	.web .web-title-solutions span{
		font-size: 18px;
	}
	.web .containerweb1 {
		flex-direction: column;
		width: 65%;
	}
	.web .containerweb2 {
		flex-direction: column-reverse;
		width: 65%;
	}
	.web .containerweb-texte, .web .containerweb-img {
		width: 100%;
		padding: 10px;
	}
	.web .containerweb-texte h2{
		font-size: 14px;
	}
	.web .containerweb-texte p{
		font-size: 12px;
	}
	.web .containerweb-img img {
		width: 60%;
		height: auto;
		margin: 0 auto;
	  }

}
@media screen and (max-width: 368px) {
	nav .mainMenu li a {
		font-size: 15px;
	}
	.mainMenu span img {
		width: 40px;
	}
	.header {
		height: 100vh;
		padding: 0;
		padding-bottom: 10vh;
	}

	.header img {
		width: 45vw;
		height: auto;
		margin-top: 15vw;
	}

	.header .title-span {
		font-size: 13vw;
	}

	.header .stroke {
		font-size: 6vw;
	}

	.header .title h2 {
		font-size: 3vw;
	}

	.section-title {
		font-size: 6vw;
	}

	.section-title-square {
		width: 20vw;
		height: 20vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width: 50%;
		height: 15%;
		margin-top: 10vw;
	}



	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nosclients,
	.about {
		padding-top: 10vh;
	}
	
	.containerclient .client .nomclient .temoin h3 {
		font-size: 16px;
	}
	.containerclient .client .nomclient .temoin p {
		font-size: 15px;
	}
	.containerclient .client .nomclient .temoin a {
		font-size: 15px;
	}

	.containerclient .client .nomclient2 {
		font-size: 20px;
	}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		font-size: 15px;
		color: white;
		text-align: justify;
		margin: 5vw 20vw;
	}
	.footer-anim span {
		font-size: 6vw;
	}

	.footer .disclaimer ul li{
		font-size: 15px;
	}
	.etape {
		width: 100%;
	}
	.web .web-title-solutions span{
		font-size: 18px;
	}
	.web .containerweb1 {
		flex-direction: column;
		width: 65%;
	}
	.web .containerweb2 {
		flex-direction: column-reverse;
		width: 65%;
	}
	.web .containerweb-texte, .web .containerweb-img {
		width: 100%;
		padding: 10px;
	}
	.web .containerweb-texte h2{
		font-size: 14px;
	}
	.web .containerweb-texte p{
		font-size: 12px;
	}
	.web .containerweb-img img {
		width: 60%;
		height: auto;
		margin: 0 auto;
	  }
 

	}
@media screen and (max-width:1600px) and (orientation:landscape) {
		nav .mainMenu li a {
			font-size: 2vw;
		}
		nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
		.header {
			min-height: 100vh;
			flex-direction: row;
			align-items: center;
			justify-content: space-evenly;
		}
	
		.header img {
			margin: auto 0;
			width: 20vw;
		}
		.header .title {
			margin: auto 0;
		}
		.header .title-span {
			font-size: 6vw;
		}
	
		.header .stroke {
			font-size: 3vw;
		}
	
		.header .title h2 {
			font-size: 2.5vw;
		}
	
		.section-title {
			font-size: 4vw;
		}
	
		.section-title-square {
			width: 15vw;
			height: 15vw;
		}
	
		.services {
			padding-top: 10vh;
		}
	
		.title {
			margin-top: 15vw;
		}
	
		.content3 .card1,
		.content3 .card2,
		.content3 .card3,
		.content3 .card4,
		.content3 .card5,
		.content3 .card6 {
			position: relative;
			width:35vw;
			height: 20vw;
			margin-top: 10vw;
		}
	
		.content3 .card1 .content h3,
		.content3 .card2 .content h3,
		.content3 .card3 .content h3,
		.content3 .card4 .content h3,
		.content3 .card5 .content h3,
		.content3 .card6 .content h3 {
			font-size: 3vw!important;
		}
		
		
		.content3 .card1 .content a,
		.content3 .card2 .content a,
		.content3 .card3 .content a,
		.content3 .card4 .content a,
		.content3 .card5 .content a,
		.content3 .card6 .content a {
			font-size: 2vw!important;
		
		}
	
		.services .content3 .content h3 {
			font-size: 4vw;
		}
	
		.services .content3 .content a {
			font-size: 4vw;
		}
		.nomclient {
			padding:0;
		}
		.containerclient .client .nomclient .temoin h3 {
			font-size: 20px;
		}
		.containerclient .client .nomclient .temoin p {
			font-size: 20px;
		}
		.containerclient .client .nomclient .temoin a {
			font-size: 20px;
		}
	
	
	
		.nosclients .nomclient {
			font-size: 4vw;
		}
		.about .about-p {
			color: white;
			font-size: 2vw;
			text-align: justify;
			margin: 5vw auto;
			padding-top: 5vw;
			width: 80vw;
		}
	
	
	
		.footer-anim span {
			font-size: 4vw;
		}
	
		.footer .disclaimer li {
			font-size: 3vw;
		}
	
	}
@media screen and (max-width:1340px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 2vw;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 100vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin p {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin a {
		font-size: 20px;
	}



	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 4vw;
	}

	.footer .disclaimer li {
		font-size: 3vw;
	}

}
@media screen and (max-width:1024px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 2vw;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 100vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 5vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}

}
@media screen and (max-width:926px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 2vw;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 110vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 5vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}
}
@media screen and (max-width:896px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 2vw;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 110vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 5vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}

}
@media screen and (max-width:844px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 2vw;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 110vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 5vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}

}
@media screen and (max-width:812px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 10px;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    
	}
	.header {
		min-height: 110vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}


	.nosclients .nomclient {
		font-size: 4vw;
	}
	.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}



	.footer-anim span {
		font-size: 5vw;
	}

	.footer .disclaimer li {
		font-size: 4vw;
	}

}
@media screen and (max-width:780px) and (orientation:landscape) {
	nav .mainMenu li a {
		font-size: 8px;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    margin:5px;
	    
	}
	.header {
		min-height: 110vh;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title {
		margin: auto 0;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.nomclient {
		padding:0;
	}
.nomclient .temoin h3 {
	font-size: 3vw;
}
.nomclient .temoin p {
	font-size: 2vw;
}
.nomclient .temoin a {
	font-size: 2vw;
}
.web .containerweb1, .web .containerweb2 {
	width: 65%;
}
.web .containerweb-img img {
	width: 50%;
}

.nosclients .nomclient {
		font-size: 4vw;
}
.about .about-p {
		color: white;
		font-size: 2vw;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
}
.footer-anim span {
	font-size: 5vw;
}
.footer .disclaimer li {
	font-size: 4vw;
}
}
@media screen and (max-width:570px) and (orientation:landscape) {
		
	nav .mainMenu li a {
		font-size: 8px;
	}
	nav .mainMenu li {
	    flex-wrap:wrap;
	    margin:2px;
	    
	}
	nav .openMenu  {
		font-size: 25px;
	}

	.header {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		height: 100%;	}

	.header img {
		margin: auto 0;
		width: 20vw;
	}
	.header .title-span {
		font-size: 6vw;
	}

	.header .stroke {
		font-size: 3vw;
	}

	.header .title h2 {
		font-size: 2.5vw;
	}

	.section-title {
		font-size: 4vw;
	}

	.section-title-square {
		width: 15vw;
		height: 15vw;
	}

	.services {
		padding-top: 10vh;
	}

	.title {
		margin-top: 15vw;
	}

	.content3 .card1,
	.content3 .card2,
	.content3 .card3,
	.content3 .card4,
	.content3 .card5,
	.content3 .card6 {
		position: relative;
		width:35vw;
		height: 20vw;
		margin-top: 10vw;
	}

	.content3 .card1 .content h3,
	.content3 .card2 .content h3,
	.content3 .card3 .content h3,
	.content3 .card4 .content h3,
	.content3 .card5 .content h3,
	.content3 .card6 .content h3 {
		font-size: 3vw!important;
	}
	
	
	.content3 .card1 .content a,
	.content3 .card2 .content a,
	.content3 .card3 .content a,
	.content3 .card4 .content a,
	.content3 .card5 .content a,
	.content3 .card6 .content a {
		font-size: 2vw!important;
	
	}

	.services .content3 .content h3 {
		font-size: 4vw;
	}

	.services .content3 .content a {
		font-size: 4vw;
	}
	.about {
		min-height: 100vh;
		margin-top: 50px;
	}
	.about .about-p {
		color: white;
		font-size: 15px;
		text-align: justify;
		margin: 5vw auto;
		padding-top: 5vw;
		width: 80vw;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 20px;
	}
	.containerclient .client .nomclient .temoin p {
		font-size: 15px;
	}
	.containerclient .client .nomclient .temoin h3 {
		font-size: 15px;
	}
	.containerclient .client .nomclient .temoin {
		text-align: left;
	}




	.footer-anim span {
		font-size: 4vw;
	}

	.footer .disclaimer li {
		font-size: 3vw;
	}

}