@media all and (max-width:991px){
	
	body{
		max-width: 100vw;
		width: 100vw;
		overflow-x: hidden;
	}
	.dropdown-item{
		    text-wrap: wrap;
	}
	.row {
    --bs-gutter-x: 0 ;
		}
	
	.formations_cards li {

width: 70vw;
transform: rotate(0deg);
}
	.navbar-brand{
		font-size: 6vw !Important;
		font-family: f4;
		text-transform: uppercase;
		font-weight: bolder;
		text-shadow: 1px 1px 5px #2221;
		flex-direction: row;
		padding: 0.5rem 1rem;
	}
	nav .logo{
		height: 10vw;
	}
	.navbar-toggler{
		color: red;
background-image: linear-gradient(80deg, var(--c1),var(--c2));
		box-shadow: 5px 5px 10px #2222;
	}
	
	
	.brand::after{
		left: 0px;
		right: 0px;
		top: 0px;
		bottom: 0px;
	}
	.brand h1{
flex-direction: column;
		font-size: 14vw;
		padding: 0 1.5rem;
		margin-bottom: 3rem;
		background-image: linear-gradient(to top , #fff, #fff3)
	}
	.brand >div.h{
		flex-wrap: wrap;
	}
	.brand p::first-letter{font-size: 1cm!important}
	
	.brand p{
		box-shadow: none !important;
		background-color: #fff0 !important;
		padding: 1.4rem 3rem !Important;
		background-image: linear-gradient(to top, #fff, #fff2) !Important;
		bacdrop-filter : blur(10px);
		font-size: 16px !important;
	}
	
	.brand h2{
		margin-left: 30%;
		padding: 2rem;
		font-size: 1.2cm;
	}.brand h2.slogan{
		margin-left: 0%;
		margin-right: 30%;
		padding: 2rem;
		text-align: center;
		        margin-right: 20%;
        padding: 2rem;
        text-align: left;
	}
	
	.services_cards {
		padding: 0px;
		margin: 0px;
	}	.services_cards li{
		width: 48vw;
		margin: 5px
	}
	.my_h1{
		line-height: 1;
		font-size: 10vw;
		margin: 3vh 0 ;
		padding: 2rem;
font-family: 'f5';	}
	
	.value{
		font-size: 10vw;
	}
	p{
		max-width: 80vw !important;
		margin: 2vh auto;
		font-family: f5
	}
	.chiffre2 li{
		margin: 0px;
	}
	.chiffre2{
		flex-wrap: wrap;
		margin: 0;
    padding: 0px;
	}		
	.chiffre2 .bi{
		font-size: 20vw;
		text-shadow: 2px 2px 2px #2222;
	}
	.reputation h1{
		font-size: 10vw;
		line-height: 0.9;
	}
	
	
	.nav-item::before, .active::before {
transform: none;
}
.nav-item {
text-align: center;
}
.nav-link {
font-size: 19px !important;
}
.navbar-nav {
height: 90vh;
overflow-y: scroll;
padding: 4rem 0;
	justify-content: center;
}
.dropdown-menu li {
font-size: 20px;
}
	
.nav-item::after, .nav-item::before, .active::before, .active::after {
background-image: linear-gradient(to right,var(--c1),var(--c2));
}
	.nav-item:hover > *, .nav-item.active > * {
color: white !Important;
color: #0009;
}

	.dropend >a.dropdown-item:hover,
	.dropend >a.dropdown-item:active,
	.dropend >a.dropdown-item:target,
	.dropend >a.dropdown-item.show
	
	{
		color: #222 !important;
		letter-spacing: 3px;
		background-color: #eee;
		
	}
	.dropend >a.dropdown-item{
		font-size: 20px;
  text-transform: uppercase;
  padding: 1rem !important;
	}
	.dropend .dropdown-item , .formations .dropdown-item{
		text-align: right;
		font-size: 18px;
	}
	
.services-page::before {
background-image: linear-gradient(to top , #fff,#fff1);
background-image: linear-gradient(to top , #fff,#fff8,#fff1);
}
.services-page .slogan {
color: ;
}
.services-page .brand .slogan {
background-image: linear-gradient(to top,var(--c2),#111111c4);
}
}

@media all and (min-width:1440px){
	header .logo {
    height: 10vh;
}
	
	
	.nav-link,.nav-item,.dropdown-item {
    font-size: clamp(16px, 2vw, 25px) !important;
}
	.brand h1 {
    font-size: clamp(2cm, 12vw, 15vh);
		width : auto !Important;
		text-align: center !Important;
		margin-bottom: 10vh;
	
	}
	
	.brand h2 {
    font-size: clamp(1cm, 4vw, 10vh);
}
	
	p {
		font-size: clamp(14px, 2vw, 24px);
	}
	.brand .logo, .brand .logo img {
    height: 12vh;
  
}
	.brand{
		justify-content: center!Important;
	}
	
	.services_cards li *{max-width: 100%;}
	.services_cards li p{max-width: 60%;line-height: 1;    font-size: clamp(14px, 2vw, 18px) !important;
	
	
		
	}
	.services_cards li h3{        font-size: clamp(1cm, 4vw, 1.6cm);
}
	.services_cards li{
		min-width: 27vw;
		min-height: 65vh;
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-direction: column;
	}
	
	.contacts_area h1 {
  font-size: 8vw;
}
	.contacts li > span,.access_links span {
  font-size: 1.52vw !important;
}
}