style>
.bleu{
color: #002c50;}
.blanc{
color: #ffffff;}
.bg-marque-header {
display: flex;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
margin: 0;
padding: 0;
color: #ffffff;
background: #f9fcff;
/* background: #DDF1F9; */
overflow-y: hidden;
transition: all 500ms ease-out;
}
.info-marque-header {
display: flex;
flex-flow: column;
justify-content: flex-start;
text-align: left;
height: auto;
margin-right: auto;
padding: 2rem;
transition: all 500ms;
}
.titre-marque-header{
font-family: 'Montserrat', Arial, Helvetica, sans-serif;
font-size: 22px;
font-weight: 700;
line-height: 27px;
margin-top: 1.714rem;
margin-bottom: 0.714rem;
}
.description-marque-header{
font-family: 'Roboto', Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 27px;
text-align: left;
margin-bottom: 2rem;
margin-top: 2rem;
}
.image-marque-header {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
padding: 0;
overflow-y: hidden;
}
.products-marque-header{
background: url(https://static.familiprix.com/commerce/b2c/marques/beaute-ethique/image-large.png) no-repeat center;
background-size: cover;
width: 100%;
height: 400px;
transition: all 200ms ease-out;
}
.logo-marque-header {
display: inline-block;}
.logo-marque-header.beaute-ethique{
background: url(https://static.familiprix.com/commerce/b2c/marques/beaute-ethique/logo-beaute-ethique.svg) center no-repeat;
background-size: contain;
width: 290px;
height: 70px;
margin-top: 2rem;
}
.logo-marque-header *, .products-marque-header * {
display: none;}
@media screen and (min-width: 640px) {
.bg-marque-header {
display: flex;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
}
.info-marque-header {
width: 65%;
padding: 2rem 2rem 0 5rem;
}
.image-marque-header {
display: flex;
flex-direction: column;
width: 40%;
height: auto;
height: 380px;
padding: 0;
overflow-y: hidden;
transition: all 1s ease-out;
}
.products-marque-header{
background: transparent url(https://static.familiprix.com/commerce/b2c/marques/beaute-ethique/image-large.png) center no-repeat;
background-size: cover;
height: 100%;
}
}
@media screen and (min-width: 770px) {
.image-marque-header {
height: 350px;
transition: all 1s ease-out;
}
.products-marque-header{
background: transparent url(https://static.familiprix.com/commerce/b2c/marques/beaute-ethique/image-large.png) center no-repeat;
background-size: cover;
height: 100%;
}
}
