diff --git a/themes/modern2/assets/css/components/1-main/variables.scss b/themes/modern2/assets/css/components/1-main/variables.scss index be6e35ce3..e6be54bea 100755 --- a/themes/modern2/assets/css/components/1-main/variables.scss +++ b/themes/modern2/assets/css/components/1-main/variables.scss @@ -8,9 +8,9 @@ $p-size: 16px; $p-height: 30px; $h2-size: 22px; $h2-height: 30px; -$h3-size: 18px; +$h3-size: 20px; $h3-height: 26px; $h4-size: 16px; $h4-height: 25px; -$h5-size: 12px; +$h5-size: 14px-; $h5-height: 20px; diff --git a/themes/modern2/assets/css/components/2-layout/newsCard.scss b/themes/modern2/assets/css/components/2-layout/newsCard.scss index cf342de26..961c83192 100755 --- a/themes/modern2/assets/css/components/2-layout/newsCard.scss +++ b/themes/modern2/assets/css/components/2-layout/newsCard.scss @@ -7,7 +7,6 @@ align-items: center; justify-content: space-between; position: relative; - &-category { padding: 5px 10px; background: $main-color; @@ -54,7 +53,7 @@ line-height: $h4-height; margin: 10px 0 0 0; display: block; - max-height: 75px; + height: 75px; overflow: hidden; text-overflow: ellipsis; } diff --git a/themes/modern2/assets/css/components/2-layout/newsSlider.scss b/themes/modern2/assets/css/components/2-layout/newsSlider.scss index 6a9c8727a..2b9b7c3ee 100755 --- a/themes/modern2/assets/css/components/2-layout/newsSlider.scss +++ b/themes/modern2/assets/css/components/2-layout/newsSlider.scss @@ -1,7 +1,6 @@ .newsSlider { &__outer { position: relative; - margin: 0 -5px; overflow: hidden; .p2 { cursor: pointer; @@ -34,7 +33,6 @@ } .newsSlider__item { position: relative; - padding: 5px 5px; height: 320px; img { @include fullImage; @@ -66,8 +64,8 @@ &-link { color: $text-color-white; font-size: 16px; - line-height: 30px; - height: 60px; + line-height: 25px; + height: 50px; overflow: hidden; text-overflow: ellipsis; font-weight: 700; @@ -76,3 +74,9 @@ } } } +.slick-slider { + margin: 0 -10px; +} +.slick-slide { + padding: 5px; +} diff --git a/themes/modern2/assets/css/components/2-layout/responsive.scss b/themes/modern2/assets/css/components/2-layout/responsive.scss index c43eb609d..648bc26bb 100755 --- a/themes/modern2/assets/css/components/2-layout/responsive.scss +++ b/themes/modern2/assets/css/components/2-layout/responsive.scss @@ -9,6 +9,11 @@ } } @include xlg-xxlg { + .swiper-slide-content-link { + font-size: 18px; + line-height: 25px; + height: 50px; + } .newsSlider { &__item { height: 280px; @@ -22,6 +27,20 @@ height: 350px; } } + .newsSlider .newsSlider__item { + height: 180px; + &-content { + &-date { + max-width: 120px; + margin-bottom: 0; + } + } + } + + .header__slogan { + font-size: 28px; + line-height: 1; + } .auto__container { max-width: 1040px; padding: 0 25px; @@ -61,14 +80,17 @@ } } &-card { - position: unset; - width: 100%; - border: none; + top: 150px; + left: 10px; + width: calc(100% - 20px); } &-column { margin: 0 10px; width: calc(50% - 30px); padding: 0 15px; + .card { + padding: 15px 0; + } } } } @@ -496,7 +518,7 @@ } } &__footer { - flex-direction: column; + flex-direction: column; -ms-flex-direction: column; } } diff --git a/themes/modern2/assets/css/components/2-layout/subheader.scss b/themes/modern2/assets/css/components/2-layout/subheader.scss index c7910b8e2..a2dafc134 100755 --- a/themes/modern2/assets/css/components/2-layout/subheader.scss +++ b/themes/modern2/assets/css/components/2-layout/subheader.scss @@ -1,7 +1,7 @@ .subheader { background: $text-light-black; position: relative; - z-index: 1; + z-index: 2; .close { display: none; } diff --git a/themes/modern2/assets/css/components/2-layout/swiper.scss b/themes/modern2/assets/css/components/2-layout/swiper.scss index 829dff77c..e30e01a7c 100755 --- a/themes/modern2/assets/css/components/2-layout/swiper.scss +++ b/themes/modern2/assets/css/components/2-layout/swiper.scss @@ -1,153 +1,152 @@ .swiper-container { - width: calc(100% + 10px); - height: 100%; - position: relative; - margin: 0 -5px; - .p3 { - cursor: pointer; - position: absolute; - top: 50%; - left: 5px; - @include transformY; - width: 30px; - height: 40px; - background: rgba($color: #000000, $alpha: 0.5); - display: flex; - align-items: center; - justify-content: center; - z-index: 1; - } - .n3 { - cursor: pointer; - position: absolute; - z-index: 1; - top: 50%; - right: 5px; - @include transformY; - width: 30px; - height: 40px; - background: rgba($color: #000000, $alpha: 0.5); - display: flex; - align-items: center; - justify-content: center; - } - .slick-list { - padding: 0 33.3% 0 0; - } + width: 100%; + height: 100%; + position: relative; + + .p3 { + cursor: pointer; + position: absolute; + top: 50%; + left: 5px; + @include transformY; + width: 30px; + height: 40px; + background: rgba($color: #000000, $alpha: 0.5); + display: flex; + align-items: center; + justify-content: center; + z-index: 1; + } + .n3 { + cursor: pointer; + position: absolute; + z-index: 1; + top: 50%; + right: 5px; + @include transformY; + width: 30px; + height: 40px; + background: rgba($color: #000000, $alpha: 0.5); + display: flex; + align-items: center; + justify-content: center; + } + .slick-list { + padding: 0 33.3% 0 0; + } } .swiper-slide { - text-align: center; - font-size: 18px; - height: 520px; - /* Center slide t ext vertically */ - display: -webkit-box; - display: -ms-flexbox; - display: -webkit-flex; - display: flex; - -webkit-box-pack: center; - -ms-flex-pack: center; - -webkit-justify-content: center; - justify-content: center; - -webkit-box-align: center; - -ms-flex-align: center; - -webkit-align-items: center; - align-items: center; - overflow: hidden; - @include transition; - margin: 5px; - &-image { - width: 100%; - height: 100%; - position: absolute; - transform-origin: 0% 50%; - position: relative; - } - &-content { - position: absolute; - left: 0; - bottom: 0; - display: none; - width: calc(100% - 80px); - background: rgb(0, 0, 0); - background: linear-gradient( - 0deg, - rgba(0, 0, 0, 1) 0%, - rgba(0, 0, 0, 0.022846638655462215) 100% - ); - padding: 50px 40px; + text-align: center; + font-size: 18px; + height: 520px; + /* Center slide t ext vertically */ + display: -webkit-box; + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-box-pack: center; + -ms-flex-pack: center; + -webkit-justify-content: center; + justify-content: center; + -webkit-box-align: center; + -ms-flex-align: center; + -webkit-align-items: center; + align-items: center; + overflow: hidden; + @include transition; + &-image { + width: 100%; + height: 100%; + position: absolute; + transform-origin: 0% 50%; + position: relative; + } + &-content { + position: absolute; + left: 0; + bottom: 0; + display: none; + width: calc(100% - 80px); + background: rgb(0, 0, 0); + background: linear-gradient( + 0deg, + rgba(0, 0, 0, 1) 0%, + rgba(0, 0, 0, 0.022846638655462215) 100% + ); + padding: 50px 40px; - &-date { - display: flex; - align-items: center; - justify-content: flex-start; - font-size: 14px; - line-height: 18px; - font-weight: 400; - color: $text-color-white; - margin-bottom: 10px; - svg { - margin: 0 4px; - width: 4px; - height: 4px; - fill: $text-color-white; - } + &-date { + display: flex; + align-items: center; + justify-content: flex-start; + font-size: 14px; + line-height: 18px; + font-weight: 400; + color: $text-color-white; + margin-bottom: 10px; + svg { + margin: 0 4px; + width: 4px; + height: 4px; + fill: $text-color-white; + } + } + &-footer { + display: flex; + align-items: center; + justify-content: space-between; + } + &-link { + color: $text-color-white; + font-size: 20px; + line-height: 30px; + height: 60px; + overflow: hidden; + text-overflow: ellipsis; + font-weight: 700; + display: block; + text-align: left; + width: 75%; + } + &-category { + color: 14px; + line-height: 18px; + font-weight: 700; + color: $text-color-white; + padding: 8px 16px; + background: $main-color; + } } - &-footer { - display: flex; - align-items: center; - justify-content: space-between; + &.slick-active .swiper-slide-content { + display: block; + animation: myAnim 1s ease 0s 1 normal forwards; + animation-delay: 0.5; } - &-link { - color: $text-color-white; - font-size: 16px; - line-height: 30px; - height: 60px; - overflow: hidden; - text-overflow: ellipsis; - font-weight: 700; - display: block; - text-align: left; - width: 75%; - } - &-category { - color: 14px; - line-height: 18px; - font-weight: 700; - color: $text-color-white; - padding: 8px 16px; - background: $main-color; - } - } - &.slick-active .swiper-slide-content { - display: block; - animation: myAnim 1s ease 0s 1 normal forwards; - animation-delay: 0.5; - } } .copy { - position: absolute; - bottom: 15px; - left: 0; - right: 0; - text-align: center; - color: white; - letter-spacing: 0.06em; + position: absolute; + bottom: 15px; + left: 0; + right: 0; + text-align: center; + color: white; + letter-spacing: 0.06em; } .swiper-slide img { - display: block; - width: 100%; - height: 100%; - object-fit: cover; + display: block; + width: 100%; + height: 100%; + object-fit: cover; } @keyframes myAnim { - 0% { - opacity: 0; - transform: translateY(250px); - } + 0% { + opacity: 0; + transform: translateY(250px); + } - 100% { - opacity: 1; - transform: translateY(0); - } + 100% { + opacity: 1; + transform: translateY(0); + } } diff --git a/themes/modern2/assets/css/components/3-page/heading.scss b/themes/modern2/assets/css/components/3-page/heading.scss index 0046bad39..db2717195 100755 --- a/themes/modern2/assets/css/components/3-page/heading.scss +++ b/themes/modern2/assets/css/components/3-page/heading.scss @@ -1,154 +1,154 @@ .heading { - &__title { - font-weight: 700; - color: $text-light-black; - font-size: $h3-size; - line-height: $h3-height; - margin-bottom: 80px; - } - &__row { - display: flex; - align-items: center; - margin-bottom: 80px; - } - &__image { - width: 40%; - } - a.progressive { - position: relative; - display: block; - overflow: hidden; - outline: none; - height: 320px; - &:not(.replace) { - cursor: default; - } - & img { - @include fullImage; - } - & img.preview { - filter: blur(2vw); - transform: scale(1.05); - } - & img.reveal { - position: absolute; - left: 0; - top: 0; - will-change: transform, opacity; - animation: reveal 1s ease-out; - } - } - &__content { - width: calc(60% - 40px); - height: calc(100% - 80px); - padding: 40px 0 40px 40px; - &-header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 30px; - &-view { - display: flex; - align-items: center; - color: $text-color-grey; - font-weight: 400; - font-size: $h5-size; - line-height: $h5-height - 5px; - svg { - margin-right: 5px; - stroke: $text-color-grey; - width: 21px; - } - } - &-date { - display: flex; - align-items: center; - font-size: $h5-size; - line-height: $h5-height; - color: $text-color-white; - background: $text-light-black; - font-weight: 400; - padding: 5px 15px; - svg { - margin: 0 5px; - } - } - } - &-body { - &-link { - color: $text-black; + &__title { font-weight: 700; - font-size: $h4-size; - line-height: $h4-height; - margin: 10px 0 0 0; - display: block; - height: 60px; - overflow: hidden; - text-overflow: ellipsis; - margin-bottom: 20px; - } - &-para { - font-size: $h4-size; - line-height: $h4-height; - font-weight: 400; color: $text-light-black; - height: 120px; - overflow: hidden; - text-overflow: ellipsis; - } - } - } - &__footer { - display: flex; - align-items: center; - &-page { - width: 40px; - height: 40px; - display: flex; - align-items: center; - justify-content: center; - background: $text-light-black; - svg { - width: 12px; - height: 12px; - fill: $text-color-white; - } - } - &-input { - width: 80px; - height: 40px; - margin: 0 10px; - - input { - text-align: center; font-size: $h3-size; line-height: $h3-height; - height: 100%; - width: 100%; - border-radius: 5px; - background: #e6e6e6; - font-weight: 400; - color: $text-light-black; - } + margin-bottom: 80px; } - span { - font-size: $h3-size; - line-height: $h3-height; - color: $text-light-black; - font-weight: 400; - margin-left: 10px; + &__row { + display: flex; + align-items: center; + margin-bottom: 80px; + } + &__image { + width: 40%; + } + a.progressive { + position: relative; + display: block; + overflow: hidden; + outline: none; + height: 320px; + &:not(.replace) { + cursor: default; + } + & img { + @include fullImage; + } + & img.preview { + filter: blur(2vw); + transform: scale(1.05); + } + & img.reveal { + position: absolute; + left: 0; + top: 0; + will-change: transform, opacity; + animation: reveal 1s ease-out; + } + } + &__content { + width: calc(60% - 40px); + height: calc(100% - 80px); + padding: 40px 0 40px 40px; + &-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 30px; + &-view { + display: flex; + align-items: center; + color: $text-color-grey; + font-weight: 400; + font-size: $h5-size; + line-height: $h5-height - 5px; + svg { + margin-right: 5px; + stroke: $text-color-grey; + width: 21px; + } + } + &-date { + display: flex; + align-items: center; + font-size: $h5-size; + line-height: $h5-height; + color: $text-color-white; + background: $text-light-black; + font-weight: 400; + padding: 5px 15px; + svg { + margin: 0 5px; + } + } + } + &-body { + &-link { + color: $text-black; + font-weight: 700; + font-size: $h4-size; + line-height: $h4-height; + margin: 10px 0 0 0; + display: block; + height: 50px; + overflow: hidden; + text-overflow: ellipsis; + margin-bottom: 20px; + } + &-para { + font-size: $h4-size; + line-height: $h4-height; + font-weight: 400; + color: $text-light-black; + height: 100px; + overflow: hidden; + text-overflow: ellipsis; + } + } + } + &__footer { + display: flex; + align-items: center; + &-page { + width: 40px; + height: 40px; + display: flex; + align-items: center; + justify-content: center; + background: $text-light-black; + svg { + width: 12px; + height: 12px; + fill: $text-color-white; + } + } + &-input { + width: 80px; + height: 40px; + margin: 0 10px; + + input { + text-align: center; + font-size: $h3-size; + line-height: $h3-height; + height: 100%; + width: 100%; + border-radius: 5px; + background: #e6e6e6; + font-weight: 400; + color: $text-light-black; + } + } + span { + font-size: $h3-size; + line-height: $h3-height; + color: $text-light-black; + font-weight: 400; + margin-left: 10px; + } } - } } .address { - &__inner { - font-size: $h3-size; - line-height: $h3-height; - color: $text-light-black; - font-weight: 400; - margin-bottom: 25px; - span { - font-weight: 700; + &__inner { + font-size: $h3-size; + line-height: $h3-height; + color: $text-light-black; + font-weight: 400; + margin-bottom: 25px; + span { + font-weight: 700; + } } - } } diff --git a/themes/modern2/assets/css/components/3-page/home.scss b/themes/modern2/assets/css/components/3-page/home.scss index 8b861f94e..1973fbe6f 100755 --- a/themes/modern2/assets/css/components/3-page/home.scss +++ b/themes/modern2/assets/css/components/3-page/home.scss @@ -184,6 +184,13 @@ } &-card { margin: -100px 30px 0 30px; + border: 1px solid #dcdcdc; + .card { + border-bottom: 1px solid #dcdcdc; + &:last-child { + border-bottom: none; + } + } } &-title { font-size: $h3-size; @@ -330,10 +337,10 @@ } &-card { position: absolute; - bottom: -30px; + top: 210px; left: 30px; width: calc(100% - 60px); - border: 1px solid #707070; + border: 1px solid #dcdcdc; } &-column { width: calc(50% - 100px); @@ -350,6 +357,7 @@ } } } + // event end // partner start .partner { diff --git a/themes/modern2/assets/css/main.css b/themes/modern2/assets/css/main.css index d20f569e5..6fef90a58 100755 --- a/themes/modern2/assets/css/main.css +++ b/themes/modern2/assets/css/main.css @@ -197,7 +197,7 @@ li { justify-content: space-between; } .footer__copyright { - font-size: 12px; + font-size: 14px-; line-height: 20px; font-weight: 400; color: #ffffff; @@ -223,7 +223,7 @@ li { .subheader { background: #242424; position: relative; - z-index: 1; + z-index: 2; } .subheader .close { display: none; @@ -238,7 +238,7 @@ li { align-items: center; } .subheader .nav__inner-link { - font-size: 12px; + font-size: 14px-; line-height: 20px; font-weight: 400; color: #ffffff; @@ -276,7 +276,7 @@ li { .subheader .nav__inner-link .dropDown__link { display: block; padding: 15px; - font-size: 12px; + font-size: 14px-; line-height: 20px; font-weight: 400; color: #242424; @@ -593,7 +593,7 @@ li { .card__header-category { padding: 5px 10px; background: #fd4c24; - font-size: 12px; + font-size: 14px-; line-height: 20px; color: #ffffff; font-weight: 700; @@ -606,7 +606,7 @@ li { align-items: center; color: #a2a2a2; font-weight: 400; - font-size: 12px; + font-size: 14px-; line-height: 15px; } .card__header-view svg { @@ -618,7 +618,7 @@ li { .card__header-date { display: flex; align-items: center; - font-size: 12px; + font-size: 14px-; line-height: 20px; color: #a2a2a2; font-weight: 400; @@ -635,7 +635,7 @@ li { line-height: 25px; margin: 10px 0 0 0; display: block; - max-height: 75px; + height: 75px; overflow: hidden; text-overflow: ellipsis; } @@ -795,7 +795,7 @@ li { display: flex; justify-content: center; align-items: center; - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; padding: 10px 0; @@ -811,7 +811,7 @@ li { background-position: center center; background-size: contain; background-repeat: no-repeat; - font-size: 15px; + font-size: 17px; line-height: 23px; justify-content: center; align-items: center; @@ -931,7 +931,6 @@ li { .newsSlider__outer { position: relative; - margin: 0 -5px; overflow: hidden; } .newsSlider__outer .p2 { @@ -972,7 +971,6 @@ li { } .newsSlider .newsSlider__item { position: relative; - padding: 5px 5px; height: 320px; } .newsSlider .newsSlider__item img { @@ -1009,19 +1007,26 @@ li { .newsSlider .newsSlider__item-content-link { color: #ffffff; font-size: 16px; - line-height: 30px; - height: 60px; + line-height: 25px; + height: 50px; overflow: hidden; text-overflow: ellipsis; font-weight: 700; display: block; } +.slick-slider { + margin: 0 -10px; +} + +.slick-slide { + padding: 5px; +} + .swiper-container { - width: calc(100% + 10px); + width: 100%; height: 100%; position: relative; - margin: 0 -5px; } .swiper-container .p3 { cursor: pointer; @@ -1074,7 +1079,6 @@ li { overflow: hidden; transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; - margin: 5px; } .swiper-slide-image { width: 100%; @@ -1116,7 +1120,7 @@ li { } .swiper-slide-content-link { color: #ffffff; - font-size: 16px; + font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; @@ -1337,14 +1341,14 @@ li { z-index: -1; } .main__body-header-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; background: #ffffff; } .main__body-header-link { - font-size: 12px; + font-size: 14px-; line-height: 20px; font-weight: 400; color: #a2a2a2; @@ -1353,9 +1357,16 @@ li { } .main__body-card { margin: -100px 30px 0 30px; + border: 1px solid #dcdcdc; +} +.main__body-card .card { + border-bottom: 1px solid #dcdcdc; +} +.main__body-card .card:last-child { + border-bottom: none; } .main__body-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1436,14 +1447,14 @@ li { position: relative; } .event__header-title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; background: #ffffff; } .event__header-link { - font-size: 12px; + font-size: 14px-; line-height: 20px; font-weight: 400; color: #a2a2a2; @@ -1503,10 +1514,10 @@ li { } .event__body-card { position: absolute; - bottom: -30px; + top: 210px; left: 30px; width: calc(100% - 60px); - border: 1px solid #707070; + border: 1px solid #dcdcdc; } .event__body-column { width: calc(50% - 100px); @@ -1526,7 +1537,7 @@ li { margin-bottom: 80px; } .partner__title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #242424; @@ -1547,7 +1558,7 @@ li { .heading__title { font-weight: 700; color: #242424; - font-size: 18px; + font-size: 20px; line-height: 26px; margin-bottom: 80px; } @@ -1602,7 +1613,7 @@ li { align-items: center; color: #a2a2a2; font-weight: 400; - font-size: 12px; + font-size: 14px-; line-height: 15px; } .heading__content-header-view svg { @@ -1613,7 +1624,7 @@ li { .heading__content-header-date { display: flex; align-items: center; - font-size: 12px; + font-size: 14px-; line-height: 20px; color: #ffffff; background: #242424; @@ -1630,7 +1641,7 @@ li { line-height: 25px; margin: 10px 0 0 0; display: block; - height: 60px; + height: 50px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 20px; @@ -1640,7 +1651,7 @@ li { line-height: 25px; font-weight: 400; color: #242424; - height: 120px; + height: 100px; overflow: hidden; text-overflow: ellipsis; } @@ -1668,7 +1679,7 @@ li { } .heading__footer-input input { text-align: center; - font-size: 18px; + font-size: 20px; line-height: 26px; height: 100%; width: 100%; @@ -1678,7 +1689,7 @@ li { color: #242424; } .heading__footer span { - font-size: 18px; + font-size: 20px; line-height: 26px; color: #242424; font-weight: 400; @@ -1686,7 +1697,7 @@ li { } .address__inner { - font-size: 18px; + font-size: 20px; line-height: 26px; color: #242424; font-weight: 400; @@ -1706,7 +1717,7 @@ li { color: #242424; } .about__para { - font-size: 18px; + font-size: 20px; line-height: 40px; font-weight: 400; color: #242424; @@ -1716,7 +1727,7 @@ li { .form__title { font-weight: 700; color: #242424; - font-size: 18px; + font-size: 20px; line-height: 26px; margin-bottom: 80px; } @@ -1851,7 +1862,7 @@ li { .news__date { display: flex; align-items: center; - font-size: 18px; + font-size: 20px; line-height: 26px; color: #a2a2a2; font-weight: 400; @@ -1903,7 +1914,7 @@ li { padding: 80px 0; } .terms__title { - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; color: #000; @@ -1969,6 +1980,12 @@ li { } } @media (max-width: 1400px) { + .swiper-slide-content-link { + font-size: 18px; + line-height: 25px; + height: 50px; + } + .newsSlider__item { height: 280px; } @@ -1981,6 +1998,19 @@ li { height: 350px; } + .newsSlider .newsSlider__item { + height: 180px; + } + .newsSlider .newsSlider__item-content-date { + max-width: 120px; + margin-bottom: 0; + } + + .header__slogan { + font-size: 28px; + line-height: 1; + } + .auto__container { max-width: 1040px; padding: 0 25px; @@ -2021,15 +2051,18 @@ li { height: 200px; } .event__body-card { - position: unset; - width: 100%; - border: none; + top: 150px; + left: 10px; + width: calc(100% - 20px); } .event__body-column { margin: 0 10px; width: calc(50% - 30px); padding: 0 15px; } + .event__body-column .card { + padding: 15px 0; + } .main__body-header { margin-bottom: 40px; @@ -2204,7 +2237,7 @@ li { text-align: center; margin-right: 0; padding: 20px; - font-size: 18px; + font-size: 20px; line-height: 26px; font-weight: 700; width: calc(100% - 40px);