diff --git a/scss/_media.scss b/scss/_media.scss
index 1fc466cb7eb735d6ac70e8c7912d63b9fac0bb2c..d970c946a0f40b77b4a718466d2ca6b879a91d6f 100644
--- a/scss/_media.scss
+++ b/scss/_media.scss
@@ -14,7 +14,7 @@
   }
 } @else {
   .media {
-    margin-top: 15px;
+    margin-top: $media-margin-top;
 
     &:first-child {
       margin-top: 0;
@@ -61,11 +61,11 @@
 //
 
 .media-right {
-  padding-left: 10px;
+  padding-left: $media-alignment-padding-x;
 }
 
 .media-left {
-  padding-right: 10px;
+  padding-right: $media-alignment-padding-x;
 }
 
 
@@ -75,7 +75,7 @@
 
 .media-heading {
   margin-top: 0;
-  margin-bottom: 5px;
+  margin-bottom: $media-heading-margin-bottom;
 }
 
 
diff --git a/scss/_variables.scss b/scss/_variables.scss
index 4042dc8357ce72b0d4841e177d1ba74084b6a2da..9e4a79f36712ed8de0bac9195f881c4fd73238a2 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -628,6 +628,13 @@ $breadcrumb-active-color:       $gray-light !default;
 $breadcrumb-divider:            "/" !default;
 
 
+// Media objects
+
+$media-margin-top:            15px !default;
+$media-heading-margin-bottom:  5px !default;
+$media-alignment-padding-x:   10px !default;
+
+
 // Carousel
 
 $carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;