.experimentation-winter-2022 nav { background: white; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 0fr 3fr 0fr; grid-template-columns: 0fr 3fr 0fr; } .experimentation-winter-2022 .text-36-white { font-size: 2rem; line-height: 2.6rem; color: white; font-weight: bold; } .experimentation-winter-2022 a.button-gl-nav, .experimentation-winter-2022 .button-gl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-decoration: none; display: block; color: white; background: #ff0101; border-radius: 2px; text-align: center; padding: 0.4rem 1rem; max-width: 160px; } .experimentation-winter-2022 a.button-gl { padding: 0.6rem; margin: 3rem 0 1rem 0; font-size: 1.2rem; max-width: 200px; } .experimentation-winter-2022 .content-txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .content-txt .text-36-white { font-size: 1.5rem; line-height: 2rem; } } @media all and (max-width: 1200px) { .experimentation-winter-2022 .content-txt .button-gl { display: none; } } .experimentation-winter-2022 .content-txt .content-img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .experimentation-winter-2022 .explanation { background: #1b1c22; max-height: 500px; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .explanation { max-height: 550px; min-height: 300px; } } .experimentation-winter-2022 .explanation .content { padding-top: 0; } .experimentation-winter-2022 .explanation .content .text-18-white-padding { font-weight: 900; font-size: 1.3rem; text-align: center; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .explanation .content .text-18-white-padding br { display: none; } } .experimentation-winter-2022 .explanation .content .compteurs .prefix { display: contents; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .explanation .content .compteurs { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .experimentation-winter-2022 .explanation .content .compteurs .prefix, .experimentation-winter-2022 .explanation .content .compteurs span { display: none; } .experimentation-winter-2022 .explanation .content .compteurs .bloc { height: 160px; } .experimentation-winter-2022 .explanation .content .compteurs .bloc h3 { margin-top: 3rem; font-size: 1.3rem; } .experimentation-winter-2022 .explanation .content .compteurs .bloc.elec-color, .experimentation-winter-2022 .explanation .content .compteurs .bloc.water-color { margin-right: 0.5rem; } .experimentation-winter-2022 .explanation .content .compteurs .bloc span { display: none; } .experimentation-winter-2022 .explanation .content .compteurs .bloc .provider-logo { margin-top: 0.5rem; } .experimentation-winter-2022 .explanation .content .compteurs .bloc .gazpar, .experimentation-winter-2022 .explanation .content .compteurs .bloc .linky { width: 60%; } .experimentation-winter-2022 .explanation .content .compteurs .bloc .teleo { width: 90%; margin-top: 1rem; } .experimentation-winter-2022 .explanation .content .compteurs .bloc .gazpar { margin-top: 1rem; } } .experimentation-winter-2022 .inscription { background: white; } .experimentation-winter-2022 .inscription .banner { background: #ff0101; padding: 1rem; text-align: center; height: 108px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .experimentation-winter-2022 .inscription .banner h2 { font-size: 2rem; margin-bottom: 0.5rem; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .inscription .banner h2 { font-size: 1.4rem; } } .experimentation-winter-2022 .inscription .banner .hint { font-style: italic; } .experimentation-winter-2022 .inscription .container { padding: 5rem 1rem; max-width: 1000px; margin: auto; } .experimentation-winter-2022 .inscription .container .step { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: start; margin: auto; margin: 2.5rem 0; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .inscription .container .step { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .experimentation-winter-2022 .inscription .container .step .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .experimentation-winter-2022 .inscription .container .number { font-size: 5rem; margin-top: -0.5rem; margin-right: 1.5rem; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .inscription .container .number { margin-top: 0; font-size: 3rem; } } .experimentation-winter-2022 .inscription .container .text > p { color: black; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .inscription .container .content { font-size: 1rem; } } .experimentation-winter-2022 .inscription .container .header { font-weight: 900; font-size: 1.6rem; margin-bottom: 0.5rem; } @media all and (max-width: 1200px) { .experimentation-winter-2022 .inscription .container .header { font-size: 1.2rem; } } .experimentation-winter-2022 .inscription .container .content { font-size: 1.2rem; } .experimentation-winter-2022 .inscription .container .gaz-color { color: #45d1b8; } .experimentation-winter-2022 .inscription .container .water-color { color: #3a98ec; } .experimentation-winter-2022 .inscription .container .elec-color { color: #d87b39; } .experimentation-winter-2022 .inscription .container .gl-color { color: #ff0101; } .experimentation-winter-2022 .inscription .container .question { font-size: 1.8rem; color: black; text-align: center; margin-top: 8rem; margin-bottom: 2rem; } .experimentation-winter-2022 .inscription .container .go { display: block; margin: auto; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.5rem; font-weight: bold; max-width: 223px; } /*# sourceMappingURL=expehiver2022.css.map */