@font-face {
	font-family: 'COCOGOOSE Regular';
    font-style: normal;
    font-weight: normal;
    src: local('COCOGOOSE Regular'), url('../fonts/cocogoose/cocogoose.woff') format('woff');
}
@font-face {
	font-family: 'MuseoSans';
	src: 
		local('MuseoSans'),
		url('../fonts/museo_sans_ssv/MuseoSans-300.otf') 
		format('opentype');
}
@font-face {
	font-family: 'MuseoSans';
	src: 
		local('MuseoSans'),
		url('../fonts/museo_sans_ssv/MuseoSans_500.otf') 
		format('opentype');
		font-weight: bold;
}	

@media (min-width: 992px) and (max-width: 1320px) {
	.banner .ratio-32x9 {
		margin-top: 91px!important;
	}
}
@media (max-width: 1091px) {
	.banner .ratio-32x9 {
		margin-top: 13px!important;
	}
}
@media (max-width: 855px) {
	.banner .ratio-32x9 {
		margin-top: 70px!important;
	}
}
@media (max-width: 768px) {
	.banner .ratio-32x9 {
		margin-top: 148px;
	}
}


.banner {
    background:url('../../assets/imgs/bg.png');
    background-position: center;
    background-size: cover;
	margin-top:5px;
}


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


.container-xxl h1 {
	font-family:'COCOGOOSE Regular'!important;
	font-size: calc(1.3em + 0.72vw)!important;
	font-weight:300!important;
	text-transform: inherit!important;
	color: #414F96;
	margin-bottom: 21px;
}
.container-xxl h2 {
	font-family:'COCOGOOSE Regular'!important;
	font-size: calc(1.2em + 0.5vw)!important;
	font-weight:300!important;
	text-transform: inherit!important;
	color: #414F96;
}
.container-xxl h3 {
	font-family:'COCOGOOSE Regular'!important;
	font-size: calc(0.8em + 0.5vw)!important;
	font-weight:300!important;
	text-transform: inherit!important;
	color: #414F96;
}
.container-xxl p {
	font-family:'MuseoSans'!important;
	font-size: calc(0.5em + 0.42vw)!important;
	font-weight:300!important;
	text-transform: inherit!important;
	color: #414F96;
}

#conseils .btn {
	color: #FFFFFF;
	background: transparent linear-gradient(93deg, #1792D5 0%, #1C79BE 100%) 0% 0% no-repeat padding-box;
	border-radius: 45px;
	padding: 26px 8px;
}


#enfant_row {
	background-image: url(../../assets/imgs/enfant_myope.png);
    background-repeat: no-repeat;
    background-position: 3vw center;
    background-size: 30% auto;
    font-family: 'MuseoSans'!important;
    font-size: calc(0.7em + 0.5vw);
}
#enfant_row img {
	max-width: 36%;
    position: absolute;
    left: 1vw;
    margin-top: -3%;
}
.signes {
	border: 1px solid #8D559F;
    border-radius: 36px;
    padding: 32px;
    color: #8D559F;
    text-align: left;
	font-weight:600;
	margin-left: -22px;
}
#enfant_row li {
    margin: 0;
    padding: 10px 0 10px 42px;
    list-style: none;
    background-image: url('../../assets/imgs/dot.png');
    background-repeat: no-repeat;
    background-position: left 15px;
    background-size: 21px;
	font-family:'MuseoSans'!important;
    font-size: calc(1.2em + 0.1vw);
	margin-bottom: 21px;
}