@media (min-width: 992px) and (max-width: 1320px) {
	.container-xxl .mind.navbar-dark {
		top: 60px!important;
	}
	.sublimez .ratio-32x9 {
		margin-top: 91px!important;
	}
}
@media (max-width: 1091px) {
	.mind .navbar-brand img {
		max-height: 72px!important;
	}
	.sublimez .ratio-32x9 {
		margin-top: 13px!important;
	}
}
@media (max-width: 855px) {
	.sublimez .ratio-32x9 {
		margin-top: 70px!important;
	}
}
.mind.navbar-dark .navbar-nav .nav-link {
    color: white;
    text-transform: initial;
    font-size: 15px;
}
.sublimez .ratio-32x9 {
    --bs-aspect-ratio: calc(9 / 32 * 100%);
	background:url('../../assets/imgs/bg_mind.jpg');
    background-position: center;
    background-size: cover;
	margin-top:100px;
}

@media (max-width: 768px) {
	.sublimez .ratio-32x9 {
		margin-top: 148px;
	}
}

.sublimez2 .ratio-32x9 {
    --bs-aspect-ratio: calc(9 / 32 * 100%);
	background:url('../../assets/imgs/banniere2.jpg');
    background-position: center;
    background-size: cover;
}
.opticiens .ratio-21x9 {
	background:url('../../assets/imgs/OPTICIEN.jpg');
    background-position: center;
    background-size: cover;
	font: normal normal normal calc(13px + 1vw) Oswald;
	letter-spacing: 0px;
	color: #000000;
	font-weight:500;
}
.contact > div {
	background:url('../../assets/imgs/batiment.jpg');
    background-position: center;
    background-size: cover;
	letter-spacing: 0px;
	color: #000000;
	text-align:center;
	font-weight:400;
}
.contact h2 {
	text-align:center;
	font: normal normal normal calc(13px + 1vw) Oswald;
	letter-spacing: 0px;
	color: #000000;
	font-weight:600;
}
.contact input, .contact textarea{
	background-color: white;
    border: 0;
	border-radius: 0;
}
.contact button {
	width: 100%;
    background-color: black;
    border: 0;
    text-transform: initial;
    font-size: 15px;
    margin: 0;
}
.contact li {
	border: 0;
    background: transparent;
    text-align: center;
	padding: 5px;
}
.contact input::placeholder, .contact textarea::placeholder {
	color: #707070;
	font-family: Helvetica;
	opacity:0.8

}
.mind .navbar-nav img {
		height:36px;
		margin:5px;
}
.sublimez h3, .enquete h3 {
	text-align: center;
    font-size: calc(1rem + .5vw)!important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: none;
	font-family: Helvetica;
}
.ratio-21x9::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: "";
}
.multi_design {
   font: normal normal normal 15px/22px Helvetica;
    color: #707070;
}
.multi_design .bg_img {
    background:url('../../assets/imgs/multidesign2.jpg');
    background-position: center;
    background-size: cover;
}
.tech2 {
   background-color:#363636;
   color: #FFFFFF;
}
.tech2 .bg_img {
    background:url('../../assets/imgs/2technos.jpg');
    background-position: center;
    background-size: cover;
}
.sublimez2 {
	color:black;
}
.mind_avantages {
	font: normal normal normal 36px/50px Oswald;
}
.mind_avantages2 {
	color: black;
    font-weight: 500;
    line-height: 1.8em;
	font-size: calc( 15px + 0.3vw);
}
.enquete {
    background:url('../../assets/imgs/enquete.png');
    background-position: center;
    background-size: cover;
	font-size: calc( 13px + 0.3vw);
	color:black;
}
.labels {
    background-color:black;
	color: #707070;

}
.labels h2 {
	font-family: Oswald;
	font-weight: 600;
	font-size: calc(21px + 0.4vw);
	letter-spacing: 0px;
	color: #FCB736;
	
}

.container-xxl img {
	max-width:100%;
}