1 files changed, 20 insertions, 0 deletions

diff --git a/src/scss/components/_video.scss b/src/scss/components/_video.scss
new file mode 100755
index 0000000..c68267f
--- /dev/null
+++ b/src/scss/components/_video.scss
@@ -0,0 +1,20 @@
+// Responsive video container
+.video-container {
+    position:       relative;
+    height:         0;
+    overflow:       hidden;
+    // 16:9 ratio, consider as height value
+    padding-bottom: 56.25%;
+    margin:         0 0 1.75em 0;
+
+    iframe,
+    object,
+    embed {
+        position:   absolute;
+        top:        0;
+        left:       0;
+        width:      100%;
+        height:     100%;
+        margin-top: 0;
+    }
+}
\ No newline at end of file