diff --git a/src/style/components/document.scss b/src/style/components/document.scss
new file mode 100644
index 00000000..88c3c8fb
--- /dev/null
+++ b/src/style/components/document.scss
@@ -0,0 +1,18 @@
+@import "../variables";
+
+.document {
+  margin: 0 1.2em $single-margin;
+
+  p {
+    text-align: center;
+  }
+  img {
+    max-width: 100%;
+  }
+}
+
+@media (max-width: $mobile-width) {
+  .document {
+    margin: 0 0 $single-margin;
+  }
+}
diff --git a/src/style/docs.scss b/src/style/docs.scss
index 0da662e0..16258a42 100644
--- a/src/style/docs.scss
+++ b/src/style/docs.scss
@@ -16,23 +16,8 @@
   align-items: baseline;
 }
 
-.doc {
-  margin: 0 1.2em 2.5em;
-
-  p {
-    text-align: center;
-  }
-  img {
-    max-width: 100%;
-  }
-}
-
 @media (max-width: 31.25em) {
   .documents-block {
     margin: 1em 0 0;
   }
-
-  .doc {
-    margin: 0 0 2em;
-  }
 }
diff --git a/src/style/style.scss b/src/style/style.scss
index 3eda47d4..9ebafb1b 100644
--- a/src/style/style.scss
+++ b/src/style/style.scss
@@ -1 +1,2 @@
-@import "./components/gallery-item";
\ No newline at end of file
+@import "./components/gallery-item";
+@import "./components/document";
\ No newline at end of file
diff --git a/src/templates/components/award.html b/src/templates/components/award.html
index d6aa6127..591c9bd0 100644
--- a/src/templates/components/award.html
+++ b/src/templates/components/award.html
@@ -1,4 +1,4 @@
-<div class="doc">
+<div class="document">
     <a href="{{$ctrl.document.thumbs.original.url}}" target="_blank">
         <img ng-src="{{$ctrl.document.thumbs.medium.url}}">
     </a>
diff --git a/src/templates/components/document.html b/src/templates/components/document.html
index 1fc8638d..a1f8f4ae 100644
--- a/src/templates/components/document.html
+++ b/src/templates/components/document.html
@@ -1,4 +1,4 @@
-<div class="doc">
+<div class="document">
     <a href="{{$ctrl.document.url}}" target="_blank" class="invisible">
         <img ng-src="{{$ctrl.document.preview}}">
     </a>