diff --git a/src/partials/header.html b/src/partials/header.html
index 34d48cd..38c555f 100644
--- a/src/partials/header.html
+++ b/src/partials/header.html
@@ -1,6 +1,6 @@
 <header class="header" data-header>
   <div class="container">
-    <nav>
+    <nav class="site-nav">
       <a class="logo header__logo" href="./" area-label="logo"
         ><svg class="logo__icon" width="39" height="35">
           <use href="./images/sprite.svg#icon-logo"></use>
diff --git a/src/sass/components/_nav.scss b/src/sass/components/_nav.scss
index d1a8ed3..234bfe9 100644
--- a/src/sass/components/_nav.scss
+++ b/src/sass/components/_nav.scss
@@ -1,3 +1,11 @@
+.site-nav {
+  @media screen and (min-width: 768px) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+}
+
 .site-nav__list {
   display: flex;
   justify-content: center;
@@ -5,6 +13,7 @@
 
   @media screen and (min-width: 768px) {
     gap: 19px;
+    margin-left: auto;
   }
 
   @media screen and (min-width: 1360px) {