section.main { text-align: center; } .mot h1.page {font-size: 8rem; line-height: 8.2rem; text-align: center; } .mot .videobox {margin: 0 auto; width: 70%; } .mot .cta_logo {margin-top: 3.5rem; } .modele .tablebox {margin-left: auto; margin-right: auto; max-width: 90rem; } .modele .chiffres h2 {margin-top: 4rem; margin-bottom: 2rem; font-family: "HelveticaNeueETW01-75Bd", sans-serif; font-size: 2.6rem; line-height: 3.2rem; color: #000000; text-align: left; } .modele .chiffres.autres p {margin-left: auto; margin-right:  auto; max-width: 80rem; } .role .dual_text { margin-bottom: 3rem; } .role .dual_text > div {} .role .dual_text ul {  } .profil .dual_grid.imgbox .img {background: transparent url('/assets/images/wide-01.jpg') no-repeat center center / cover; } .soutien .dual_grid.imgbox .texts {flex-basis: 40%; } .soutien .dual_grid.imgbox .img {flex-basis: 60%; padding: 1rem; min-height: 30rem; background: transparent url('/assets/images/landing-02.jpg') no-repeat center center / cover; } .stepsbox .intro {margin-left: auto; margin-right: auto; max-width: 100rem; } .histoire .dual_grid .texts {} .histoire .dual_grid .colored {display: flex; flex-direction: column; justify-content: center; align-items: center; } .histoire .graph {position: relative; margin-bottom: 2rem; width: 80%; fill: #000; } .histoire .graph::before {content: ''; display: block; padding-top: 32%; } .team img.full_team {display: block; margin-bottom: 2rem; width: 100%; height: auto; } .difference .dual_grid h2.page {font-size: 4rem; line-height: 4.5rem; color: #000; } .difference .dual_grid .colored h2.page { text-shadow: none; } .difference .dual_grid.texts .colored {display: flex; flex-direction: column; justify-content: center; } .difference .imgbox .img {flex-basis: 70%; min-height: 30rem; background: transparent url('/assets/images/wide-02.jpg') no-repeat center center / cover; } @media all and (min-width: 1300px) {.mot .videobox { width: 60%; } } @media all and (max-width: 1200px) {.mot h1.page span { display:block; } } @media all and (max-width: 1100px) {.mot section.hdr { padding-left: 0; } .mot .videobox { width: 90%; } } @media all and (max-width: 900px) {.difference .dual_grid h2.page { font-size: 3.4rem; line-height: 3.8rem; } } @media all and (max-width: 800px) {#iViewport > section:first-of-type { height: auto; min-height: 0; } .modele .tablebox { padding: 0 2rem 1rem 2rem; } } @media all and (max-width: 700px) {.mot h1.page { font-size: 5.6rem; line-height:5.8rem; } } @media all and (max-width: 600px) {.mot .videobox { width: 100%; } .modele .tablebox { padding-left: 0; padding-right: 0; } .modele .chiffres h2 { font-size: 2.4rem;  } }