diff --git a/src/assets/css/components/ui/BrandingLogo.scss b/src/assets/css/components/ui/BrandingLogo.scss index 1a9de0f..5ac6b85 100644 --- a/src/assets/css/components/ui/BrandingLogo.scss +++ b/src/assets/css/components/ui/BrandingLogo.scss @@ -1,10 +1,13 @@ .lhoist-branding-logo { - @apply fixed bottom-4 left-4 z-10 bg-no-repeat w-auto h-auto; + @apply fixed bottom-7 left-1/2 md:left-10 z-10 bg-no-repeat w-auto h-auto; - translate: -2px -3px; + transform: translate(-50%, 0); + @screen md { + transform: translate(0, 0); + } img { - @apply w-16 md:w-24 h-auto py-2 md:py-6 px-2 md:px-6 md:py-6 md:pb-4 xl:px-10 z-10; + @apply w-20 md:w-24 h-auto py-6 pb-3 px-6 xl:px-8 z-10; } &:after { @apply absolute block top-0 left-0 w-full h-full bg-white;