.mobile-navbar { width: 100%; position: fixed; top: 0px; left: 0px; justify-content: space-between; align-items: center; background-color: white; z-index: 400; padding: 0px 10px 0px; height: 50px; box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); .language-select { border: 1px solid #6cbe44; outline: none; width: 100px; color: #6cbe44; font-weight: 500; margin: 0px 10px; border-radius: 5px; padding: 3px; } &__signup { font-family: numeralLight; text-decoration: none; color: white; background-color: #6cbe44; border-radius: 6px; padding: 5px 10px; &:hover { color: white; } } &__menu { justify-self: flex-start; img { width: 26px; } .logo { width: 85px; margin-right: 25px; } } &__logo { position: absolute; width: 100%; top: 5px; text-align: center; z-index: -1; img { transform: translate(20px, 0px); width: 85px; } } &__logo2 { margin: 0 15px; img { // transform: translate(20px, 0px); width: 85px; } } &__left { justify-self: flex-end; img { width: 24px; margin-right: 8px; } } }