Fix video width on small screen widths

When the screen width gets small enough to clip the video, reduce the
width of the video to the content width.

Couldn't use the same larger-than-content-width layout, at least not
easily, because the percentage would need to be dependent on the window
width, not the width of the video element's container.

1 files changed, 7 insertions, 0 deletions

diff --git a/assets/stylesheets/layout.hcss b/assets/stylesheets/layout.hcss
index e06fc88..3eff9d4 100644
--- a/assets/stylesheets/layout.hcss
+++ b/assets/stylesheets/layout.hcss
@@ -113,6 +113,13 @@ ul {
 }
 
 
+@media screen and (max-width: 870px) {
+	.content video {
+		width: 100%;
+		margin-left: 0;
+	}
+}
+
 @media screen and (max-width: 767px) {
 	header {
 		margin-left: -8px;