diff --git a/src/components/Logos/NimbusLogo.css b/src/components/Logos/NimbusLogo.css index 52c7136e..524a710b 100644 --- a/src/components/Logos/NimbusLogo.css +++ b/src/components/Logos/NimbusLogo.css @@ -1,5 +1,10 @@ .nimbus-logomark{ + display: flex; + justify-content: center; + align-items: center; +} +.nimbus-logomark svg { width: auto; - height: 30%; + height: 24px; } \ No newline at end of file diff --git a/src/components/PageWrappers/layout.css b/src/components/PageWrappers/layout.css index a2911318..d1676b63 100644 --- a/src/components/PageWrappers/layout.css +++ b/src/components/PageWrappers/layout.css @@ -26,7 +26,7 @@ flex-wrap: wrap; justify-content: end; height: 100%; - padding: 70px 0 0; + /* padding: 70px 0 0; */ } .container-inner { max-width: 70%; @@ -49,6 +49,7 @@ height: 100%; position: relative; overflow: hidden; + color: #FFF; } .image-container::before { display: block; @@ -65,7 +66,7 @@ height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 0.0)); } -.image-container img { +.image-container .background-img { position: absolute; top: 50%; left: 50%; @@ -73,3 +74,12 @@ height: 140%; width: auto; } +.image-container .nimbus-logomark { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.image-container .nimbus-logomark svg { + height: 73px; +}