diff --git a/sass/_mobile.scss b/sass/_mobile.scss
index ac53d0f..f5b169e 100644
--- a/sass/_mobile.scss
+++ b/sass/_mobile.scss
@@ -45,6 +45,11 @@ main {
 				text-align: center;
 			}
 		}
+
+		div.video iframe {
+			margin: 0 0 2em 0;
+			width: 100%;
+		}
 	}
 }
 
diff --git a/sass/style.scss b/sass/style.scss
index cc6ea32..4200125 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -231,6 +231,18 @@ main {
 				}
 			}
 		}
+
+		div.video {
+			min-height: 15em;
+			margin-bottom: 5em;
+
+			iframe {
+				float: left;
+				margin: 0 2em 0 0;
+				width: 50%;
+				min-height: inherit;
+			}
+		}
 	}
 }
 
diff --git a/templates/shortcodes/youtube.html b/templates/shortcodes/youtube.html
new file mode 100644
index 0000000..d754d23
--- /dev/null
+++ b/templates/shortcodes/youtube.html
@@ -0,0 +1,6 @@
+<div class="video">
+	<iframe src="//www.youtube.com/embed/{{ id }}" frameborder="0" allowfullscreen></iframe>
+	{% if description %}
+		<p>{{ description | safe }}</p>
+	{% endif %}
+</div>