+
+ .footer {
+ padding-bottom: 15px;
+ padding-left: $menu-left-padding;
+
+ .language, .color-palette {
+ display: inline-block;
+ color: $menu-bottom-color;
+ cursor: pointer;
+ font-size: 12px;
+ font-weight: $font-semibold;
+
+ .icon {
+ @include icon(28px);
+ opacity: 0.9;
+
+ &.icon-language {
+ position: relative;
+ top: -1px;
+ width: 28px;
+ height: 24px;
+
+ background-image: url('../../assets/images/menu/language.png');
+ }
+
+ &.icon-moonsun {
+ margin-left: 10px;
+ position: relative;
+ top: -1px;
+ width: 24px;
+ height: 24px;
+
+ background-image: url('../../assets/images/menu/moonsun.svg');
+ }
+
+ &:hover {
+ opacity: 1;
+ }
+ }
+ }
+ }
+}
+
+@media screen and (max-width: 400px) {
+ .menu-wrapper {
+ width: 100% !important;
+ }
+
+ .top-menu {
+ width: 100%;
+ }