diff --git a/src/components/CasesSection/CasesSection.scss b/src/components/CasesSection/CasesSection.scss index fa14caf1..5712d7e7 100644 --- a/src/components/CasesSection/CasesSection.scss +++ b/src/components/CasesSection/CasesSection.scss @@ -3,8 +3,8 @@ .casesSection { color: $primary; h2 { - text-align: center; font-weight: 700; + text-transform: uppercase; } } .case { @@ -84,6 +84,11 @@ } @media screen and (min-width: $breakpoint-md) { + .casesSection { + h2 { + text-align: center; + } + } .case { &__img { height: 240px; diff --git a/src/components/LogosSection/logosSection.scss b/src/components/LogosSection/logosSection.scss index 45e6baba..c1716f38 100644 --- a/src/components/LogosSection/logosSection.scss +++ b/src/components/LogosSection/logosSection.scss @@ -4,16 +4,10 @@ color: $primary; &__title { font-weight: 700; - padding-bottom: 20px; - text-align: center; - width: fit-content; - margin: 0 auto; + text-transform: uppercase; } &__summary { font-weight: 400; - text-align: center; - line-height: 33px; - color: $summary-color } &__logos { margin-top: 10px; @@ -30,6 +24,15 @@ @media screen and (min-width: $breakpoint-md) { .logos { + &__title { + text-align: center; + } + &__summary { + text-align: center; + margin-top: 20px; + margin-bottom: 50px !important; + line-height: 28px; + } &__logos { margin: 30px 0; flex-direction: row; diff --git a/src/components/Professionals/Professionals.js b/src/components/Professionals/Professionals.js index 68867583..9fa433b6 100644 --- a/src/components/Professionals/Professionals.js +++ b/src/components/Professionals/Professionals.js @@ -31,8 +31,8 @@ const Professionals = ({ data }) => {
diff --git a/src/components/Professionals/Professionals.scss b/src/components/Professionals/Professionals.scss index f6a3a369..d981137b 100644 --- a/src/components/Professionals/Professionals.scss +++ b/src/components/Professionals/Professionals.scss @@ -3,9 +3,7 @@ .prosSection { &__summary { font-weight: 400; - text-align: center; - line-height: 33px; - color: $summary-color; + margin-bottom: 30px; } p { margin-bottom: 10px; @@ -16,13 +14,10 @@ } color: $primary; h2 { - text-align: center; + // text-align: center; font-weight: 700; text-transform: uppercase; } - h6 { - margin-bottom: 10px; - } } .pro { color: $primary; @@ -35,25 +30,25 @@ border-radius: 10px; } &__descr { + display: flex; + flex-direction: column; padding-left: 10px; &_title { + order: 1; font-weight: 700; width: 100%; + margin-bottom: 10px; } &_position { font-weight: 400; + order: 2; + margin-bottom: 10px; } - } - button { - @include primaryBtn; - margin-left: 10px; - } - &__socials { - display: flex; - justify-content: flex-start; - margin-top: 10px; - svg { - margin-right: 10px; + a { + order: 3; + } + &_text { + order: 4; } } } @@ -62,9 +57,14 @@ @media screen and (min-width: $breakpoint-md) { .prosSection { + h2 { + text-align: center; + } &__summary { + text-align: center; margin-top: 20px; margin-bottom: 50px !important; + line-height: 28px; } } .pro { @@ -73,11 +73,13 @@ margin-bottom: 15px; } &__descr { + display: block; h6 { margin-bottom: 10px; } a { width: 15%; + vertical-align: top; } min-height: 210px; &_title { diff --git a/src/components/videoBackground/VideoBackground.js b/src/components/videoBackground/VideoBackground.js index 39f6b500..6e84b0f1 100644 --- a/src/components/videoBackground/VideoBackground.js +++ b/src/components/videoBackground/VideoBackground.js @@ -33,7 +33,7 @@ const VideoBackground = ({ return (