:root {--couleur-fond: #FAFBFC;;--couleur-texte: #383838;  }
#wrapper_ergobaby .only-mobile{display: none;}
#wrapper_ergobaby{width: 100%;color:  var(--couleur-texte) ;font-size: 14px;background:#fff;}
#wrapper_ergobaby h1 {  position: absolute;left: -300000px;}
#wrapper_ergobaby h2, #wrapper_ergobaby h3{font-family: "Poppins",sans-serif;}
#wrapper_ergobaby header{padding: 23px 0;background-color: var(--couleur-fond);width: 100%;position: relative;margin-bottom: 4%;}
#wrapper_ergobaby header .img {width: 38%; margin-right: 57px;}
#wrapper_ergobaby header .intro .line { height: 1px; width: 14%;background: #979797;margin: 1% 0 2%;}
#wrapper_ergobaby header .main p{font-size: 12px;display: flex;}
#wrapper_ergobaby header .intro{width: 80%;}
#wrapper_ergobaby header .intro .logo{ width: 173px;}
#wrapper_ergobaby header .main { margin: auto; display: flex; width: 80%;min-height: auto!important;}
#wrapper_ergobaby h2 {font-size: 33px;  font-weight: 600;}
#wrapper_ergobaby .btn a {padding: 15px 30px;background :var(--couleur-texte);color: #ffffff;font-size: 16px;text-align: center;margin: 0 auto 5%;display: table;
}
#wrapper_ergobaby  .link {position: absolute;top: 0;background: transparent;width: 100%;height: 100%;cursor: pointer;}
#wrapper_ergobaby section{padding: 2rem; width: 100%;background-color: var(--couleur-fond);}
#wrapper_ergobaby .full-width article{width: 80%;margin: auto;}
#wrapper_ergobaby .full-width article p{margin : 30px 0;}
#wrapper_ergobaby .full-width .logos{display:flex;}
#wrapper_ergobaby .full-width .logos li {width: 20%; margin: 0 20px 0 0;}
#wrapper_ergobaby .entete{text-align:center;margin-top:3%;}
#wrapper_ergobaby .entete h2{margin: 3% auto 2%;}
#wrapper_ergobaby .entete h3{font-size: 25px;font-weight: 600;margin-bottom: 1%;}
#wrapper_ergobaby .entete p{font-size:14px;}
#wrapper_ergobaby .white-section,
#wrapper_ergobaby .entete{background-color: #fff;margin-bottom: 2%;}
#wrapper_ergobaby .white-section h2 {font-size: 25px;font-weight: 600;text-align: center;}
#wrapper_ergobaby .product-section {margin: 1% auto 3%;width: 77%;    position: relative;}
#wrapper_ergobaby .product-section article{display: flex;justify-content: center;align-items: center;}
#wrapper_ergobaby .product-section article aside{ margin-left: 6%; width: 46%;}
#wrapper_ergobaby .product-section article h3{font-size: 20px;font-weight: 600;margin-bottom: 15px;}
#wrapper_ergobaby .product-section article h4{font-size: 16px;font-weight: 600;}
#wrapper_ergobaby .product-section:hover{ box-shadow: 6px 6px 11px 0 rgba(83,83,83,0.25);}
#wrapper_ergobaby article a {color: var(--couleur-texte);font-size: 14px;font-weight: 500;display: table;margin: 4% 0 0;padding-bottom: 0.5rem;border-bottom: 1px solid var(--couleur-texte);}
#wrapper_ergobaby .product-section .img{width: 44%}
#wrapper_ergobaby .product-section .logos,
#wrapper_ergobaby .product-section .bloc-liens{display:flex;justify-content: space-between; margin-top: 4%;align-items: center;}
#wrapper_ergobaby .product-section .bloc-liens .logos li {width: 60px; margin: 0 10px 0;}


@media screen and (max-width: 1024px) {
    #wrapper_ergobaby header .img { display: none; }
     #wrapper_ergobaby header .intro .line { margin: 1% auto 8%;}
     #wrapper_ergobaby header .intro .logo{margin: 2% auto 0;}
     #wrapper_ergobaby header{background:var(--couleur-fond) top left / contain no-repeat url(images/img1-mob.jpg); padding-top: 112px;}
     #wrapper_ergobaby header .intro { background:#fff;padding: 1rem; background-color: #FAFBFC;border-radius: 4px; width: 80%; margin: auto;}
     #wrapper_ergobaby .product-section,
     #wrapper_ergobaby section  {width: auto;}
}

@media only screen and (max-width: 768px) {
    #wrapper_ergobaby .only-mobile{display: block;}
    #wrapper_ergobaby .only-desktop{display: none;}
    #wrapper_ergobaby{padding:10px;}
    #wrapper_ergobaby header .main {width: 93%;}
    #wrapper_ergobaby h2 { text-align: center;}
    #wrapper_ergobaby section { padding: 10px;}
    #wrapper_ergobaby .product-section article,  #wrapper_ergobaby .product-section .bloc-liens{flex-direction: column;}
    #wrapper_ergobaby .product-section article aside{ margin: 20px 0 0; width: 100%;}
    #wrapper_ergobaby .product-section article h3{font-size: 18px;}
    #wrapper_ergobaby .product-section .bloc-liens .logos{margin-top:30px;}
    #wrapper_ergobaby .product-section .bloc-liens { align-items: flex-start;}
    #wrapper_ergobaby .product-section .bloc-liens .logos li {width: 48px; }
    #wrapper_ergobaby .product-section .img,
    #wrapper_ergobaby .full-width article {width: auto;}
    #wrapper_ergobaby .full-width .logos li { width: auto;margin: 0 10px 0 0;}
 
}