Prevent video from overlapping logo

2 files changed, 6 insertions, 1 deletions

diff --git a/_layouts/master.html b/_layouts/master.html
index 3c4fc66b..66b5e02c 100644
--- a/_layouts/master.html
+++ b/_layouts/master.html
@@ -12,7 +12,7 @@
             <div class="row">
                 <div class="col-md-4">
                     <h1>
-                        <img src="/assets/logo.png" alt="Sway" width="300" />
+                        <img src="/assets/logo.png" id="logo" alt="Sway" />
                     </h1>
                     <p>
                         Sway is a drop-in replacement for the <a href="http://i3wm.org/">i3
diff --git a/css/master.scss b/css/master.scss
index f03da6c1..2b837d96 100644
--- a/css/master.scss
+++ b/css/master.scss
@@ -31,3 +31,8 @@ hr {
 nav {
     background: black;
 }
+
+#logo {
+  max-width: 300px;
+  width: 100%;
+}