.article-container {
margin: 0;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-around;
padding-bottom: 22px;
}
.img-histoire{
width: 100%;
min-height: auto;
}
.article-container .content{
max-width: 48%;
}
.hello-world {
font-family: Cocon;
font-size: 28px;
margin: 20px auto 50px;
color: #68abdd;
}
@media screen and (max-width: 768px)
{
.article-container .content{
max-width: 100%;
width: 100%;
}
.article-container {
flex-direction: column;
}
.article-container .content1 {
margin-bottom: 15px;
}
.article-container .content2 {
display: flex;
flex-direction: column-reverse;
}
.hello-world {
font-size: 20px;
}
}
fieldset.qui-sommes-nous img {
width: fit-content;
max-width: 100%;
margin: 0 auto;
}
fieldset.qui-sommes-nous legend {
font-family: Cocon;
position: relative;
}
fieldset.qui-sommes-nous h2 {
font-family: Cocon;
color: #ffad36;
text-align: center;
}
fieldset.qui-sommes-nous div.p {
font-family: Cocon;
color: #666666;
}
fieldset.qui-sommes-nous.produit legend:after {
content: "";
width: 80px;
height: 80px;
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/made-in-france.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
right: -110px;
top: 50%;
transform: translateY(-50%);
}
fieldset.qui-sommes-nous.produit legend:before {
content: "";
width: 80px;
height: 80px;
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/made-in-france.svg);
background-size: contain;
background-repeat: no-repeat;
display: block;
position: absolute;
left: -110px;
top: 50%;
transform: translateY(-50%);
}
fieldset.qui-sommes-nous.produit#machoukid legend:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/mini-machoukid.png);
}
fieldset.qui-sommes-nous.produit#machourelax legend:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/mini-machourelax.svg);
}
fieldset.qui-sommes-nous.produit#machouyou legend:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/mini-machouyou.svg);
}
fieldset.qui-sommes-nous.produit#miss-brossette legend:before {
background-image: url(//machouyou.com/wp-content/themes/theme-machouyou/images/mini-brossette.svg);
}
@media screen and (max-width: 650px) {
fieldset legend {
font-size: 20px;
line-height: 27px;
}
}
@media screen and (max-width: 500px) {
fieldset.qui-sommes-nous.produit legend:before {
width: 60px;
height: 60px;
left: -75px;
}
fieldset.qui-sommes-nous.produit legend:after {
width: 60px;
height: 60px;
right: -75px;
}
}