diff --git a/_sass/_contacts.scss b/_sass/_contacts.scss
new file mode 100644
index 0000000..b120e26
--- /dev/null
+++ b/_sass/_contacts.scss
@@ -0,0 +1,18 @@
+.contacts {
+	display: grid;
+  gap: 1rem;
+}
+
+.contacts__contact {
+  display: grid;
+  gap: .25rem;
+}
+
+.contacts__heading {
+	font: 1.25rem/115% $heading-family;
+  margin: 0;
+}
+
+.contacts__content {
+	margin: 0;
+}
\ No newline at end of file
diff --git a/contacts.html b/contacts.html
index e21635a..c7ee9af 100644
--- a/contacts.html
+++ b/contacts.html
@@ -12,7 +12,7 @@
       <div class="contacts">
         <section class="contacts__contact">
           <h2 class="contacts__heading">Почтовый адрес:</h2>
-          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
+          <p class="contacts__content">ул. Подъёмная д 14 стр 25 апп 304, 109052, г. Москва</p>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Телефон:</h2>
@@ -21,7 +21,7 @@ <h2 class="contacts__heading">Телефон:</h2>
         </section>
         <section class="contacts__contact">
           <h2 class="contacts__heading">Эл. почта:</h2>
-          <p class="contacts__content">petr@vyatkin.su</p>
+          <a class="link-inverted contacts__content" href="mailto:petr@vyatkin.su">petr@vyatkin.su</a>
         </section>
       </div>
     </div>
diff --git a/style.scss b/style.scss
index 362a754..2d70233 100644
--- a/style.scss
+++ b/style.scss
@@ -25,6 +25,7 @@ $indent-xl: 2rem;
 @import "_menu";
 @import "_fullscreen";
 @import "_hero";
+@import "_contacts";
 @import "pieces/_piece-card";
 @import "pieces/_data";
 @import "pieces/_button";