diff --git a/mons/src/scss/home/a-la-une.scss b/mons/src/scss/home/a-la-une.scss index d276f9de..a9e3d7dc 100644 --- a/mons/src/scss/home/a-la-une.scss +++ b/mons/src/scss/home/a-la-une.scss @@ -68,35 +68,15 @@ } } - .swiper_title h3 { - margin-bottom: 20px; - padding-left: 45px; - padding-top: 90px; - font-weight: 500 !important; - text-align: left; - position: relative; - - @media screen and (max-width: 992px) { - padding: 100px 0 10px !important; - } - - &::before { - color: $primary-red; - font-weight: 600 !important; - bottom: auto; - content: "À la une"; - left: 15px; - padding: 15px 30px; - position: absolute; - top: 0; - width: auto; - z-index: 2; - font-size: 45px; + .swiper_description { + font-size: 16px; + color: $primary; + background: #fff !important; - @media screen and (max-width: 992px) { - left: 0 !important; - padding: 15px 0 !important; - } + p { + color: $primary; + text-align: left; + padding-left: 40px; } &::after { @@ -131,6 +111,21 @@ } } + .swiper_title h3 { + margin-bottom: 20px; + padding-left: 45px; + padding-top: 10px; + font-weight: 500 !important; + text-align: left; + position: relative; + font-size: 2rem; + color: $primary-red; + + @media screen and (max-width: 992px) { + padding: 10px 0 !important; + } + } + a { display: grid; grid-template-columns: 60% 40%;