.a-propos-page h1{
	font-weight: 500;
}
.a-propos-page section{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.a-propos-page .breadcrumb{
  background: linear-gradient(95deg, #E5EBFF 26.1%, rgba(185, 255, 226, 0.32) 100%);
}
.a-propos-page .subtitle{
  color:#35C087;
  font-size: 20px;
  margin-bottom: 1rem;
}
.a-propos-page .background-grey{
  border-radius: 0;
}
.a-propos-page .cta-clickout a {
  text-decoration: none !important;
  padding: 12px 5px;
}
.philosophie .card-icon p{
  margin-bottom: 0rem;
  line-height: 1.3;
  font-size: 18px;
}
.philosophie .card-icon{
  padding: 35px;
  border-radius: 20px;
}
.philosophie .card-icon img {
  width: 30%;
  height: auto;
}
.philosophie .card-icon{
  min-height: 300px;
}
.a-propos-page .swiper{
	padding-top: 40px;
}
#content-page .article .cta-clickout a {
	width: fit-content;
}
/* ---- MD tablet device --- */
@media (min-width: 768px) {
	.a-propos-page h1 br:first-child{
		display: none;
	}
  .a-propos-page section{
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .a-propos-page .cta-clickout a {
    padding: 12px 25px;
  }
	.a-propos-page .cta-clickout{
   	text-align: left !important;
  }
  .philosophie .card-icon{
    min-height: 350px;
  }
  .a-propos-page .btn-clickout {
    display: inline-block !important;
  }
}
/* ---- LG large device --- */
@media (min-width:992px){  
	.a-propos-page h1 br:first-child{
		display: block;
	}
  .a-propos-page .side-content{
    margin-top: -230px;
  }  
  .a-propos-page .breadcrumb h1,
	.a-propos-page h2{
    font-size: 60px;
		line-height: 1;
  }
  #content-page {
    padding-bottom: 50px !important;
  }
	.side-content img.template-a-propos{
    border-radius: 30px;
    box-shadow: 2.212px 2.212px 77.421px 22.12px rgba(0, 0, 0, 0.05);
    width: -webkit-fill-available;
    margin-top: -160px;
    margin-bottom: 30px;
    width: auto;
    height: 500px;
    max-width: 320px;
    object-fit: cover;
	}
  .a-propos-page .swiper{
		padding-top: 80px;
  }
}

/* ---- XL extra large device --- */
@media (min-width:1200px) {
	
	.a-propos-page h1 br:first-child{
		display: none;
	}
  .philosophie .card-icon img {
    width: 20%;
  }
	.a-propos-page .breadcrumb h1,
  .a-propos-page h2{
    margin: 30px 0 50px;
    font-size: 65px;
  }
  .philosophie .card-icon{
    min-height: 300px;
  }
  .side-content img.template-a-propos{
   	max-width: 370px;
    margin-left: 50px;
  }
  .philosophie .card-icon{
    padding: 40px;
  }
}
/* ---- XXL extra large device --- */
@media (min-width:1400px) {
  
}