Validate html, fix some scss files

index.html

@@ -17,20 +17,22 @@
 					<img src="src/images/logo.png" alt="">
 				</a>
 			</div>
-			<ul class="menu-right">
-				<li><a href="#about">О компании</a></li>
-				<li><a href="#products">Продукты</a></li>
-				<li><a href="#services">Услуги</a></li>
-				<li><a href="#contact-us">Контакты</a></li>
-				<select id="changeLanguage" name="change-language">
-					<option value="ru" style="background-image:url(src/images/ru.png)"><img src="src/images/ru.png" alt=""> Ru</option>
-					<option value="en"><img src="src/images/uk.png" alt=""> En</option>
-					<option value="de"><img src="src/images/de.png" alt=""> De</option>
+			<div class="menu-right">
+				<ul class="menu-right">
+					<li><a href="#about">О компании</a></li>
+					<li><a href="#products">Продукты</a></li>
+					<li><a href="#services">Услуги</a></li>
+					<li><a href="#contact-us">Контакты</a></li>
+				</ul>
+				<select id="changeLanguage" name="change-language" class="change-language">
+					<option value="ru">Ru</option>
+					<option value="en">En</option>
+					<option value="de">De</option>
 				</select>
 				<div class="menu-button" id="menuButton">
 					<span class="burger-icon"></span>
 				</div>
-			</ul>
+			</div>
 		</nav>
 	</header>
 	<menu id="menu" class="menu">

src/scss/utils/common.scss

@@ -227,6 +227,10 @@ a:hover {
     text-align: center;
     width: inherit;
   }
+
+  .change-language {
+    order: 1;
+  }
 }
 
 .default-list {
@@ -244,11 +248,12 @@ a:hover {
   list-style-type: inherit !important;
 }
 
-select {
+.change-language {
   background: $default-color;
   border: 1px solid $border-base;
   border-radius: 5px;
   padding: 0.25rem;
+  order: 2;
 }
 
 .pt-2 {