diff --git a/docs/css/main.css b/docs/css/main.css
index afc2a9d..b121bb4 100644
--- a/docs/css/main.css
+++ b/docs/css/main.css
@@ -147,6 +147,20 @@ h1, .h1 {
letter-spacing: -.1rem;
}
+.videoWrapper {
+ position: relative;
+ padding-bottom: 56.25%; /* 16:9 */
+ padding-top: 25px;
+ height: 0;
+}
+.videoWrapper iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+}
+
@media only screen and (max-width: 600px) {
h1, .h1 {
font-size: 3.3rem;
diff --git a/docs/index.html b/docs/index.html
index e2baffc..8d5bed0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -161,7 +161,11 @@ Dynamic Windows Desktop based on weather & time
Your Desktop
A window to the the outside world..
-
+
+
+
+
+