diff --git a/web/themes/custom/reha/css/reha.css b/web/themes/custom/reha/css/reha.css index 9a9e083..c89ef5d 100644 --- a/web/themes/custom/reha/css/reha.css +++ b/web/themes/custom/reha/css/reha.css @@ -303,14 +303,25 @@ input { font-size: 1.5rem; font-weight: 400; font-style: normal; } + .home-page-layout-content .layout--onecol h4 { + font-size: 5rem; + font-weight: normal; + margin: 0; } + .home-page-layout-content .layout--onecol h5 { + font-size: 5rem; + font-weight: 900; + margin: 0; + line-height: 0.6; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f { display: flex; - justify-content: flex-end; } + justify-content: flex-end; + margin-top: 5rem; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f :hover { background-color: #fdc300; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0 { display: flex; - justify-content: flex-end; } + justify-content: flex-end; + margin-bottom: 4rem; } .home-page-layout-content .layout--onecol .block-region-content .block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0 :hover { background-color: #fdc300; } diff --git a/web/themes/custom/reha/scss/pages/_home.scss b/web/themes/custom/reha/scss/pages/_home.scss index 28ffc42..ecf6052 100644 --- a/web/themes/custom/reha/scss/pages/_home.scss +++ b/web/themes/custom/reha/scss/pages/_home.scss @@ -6,18 +6,33 @@ font-size: 1.5rem; font-weight: 400; font-style: normal; + h4{ + font-size: 5rem; + font-weight: normal; + margin: 0; + } + + h5{ + font-size: 5rem; + font-weight: 900; + margin: 0; + line-height: 0.6; + + } .block-region-content{ .block-block-content1ca95211-9fa2-4ef2-a460-8184d1eaf20f{ display: flex; justify-content: flex-end; + margin-top: 5rem; :hover{ background-color: $yellow-puca; } } .block-block-content1dd151e8-8a8b-4586-9e62-8905ba0c93e0{ display: flex; - justify-content: flex-end; + justify-content: flex-end; + margin-bottom: 4rem; :hover{ background-color: $yellow-puca; } @@ -26,3 +41,4 @@ } } +