ugly css hacks

public/css/hyde.css

@@ -204,12 +204,45 @@ a.sidebar-nav-item:focus {
   height: 75vh;
 }
 
-@media (min-width: 48em) {
+@media (min-width: 114em) {
 .iframe-parent {
   width: 45vw;
   height: 75vw;
 }
 }
+@media (min-width: 104em) {
+.iframe-parent {
+  width: 50vw;
+  height: 75vw;
+}
+}
+
+@media (min-width: 94em) {
+.iframe-parent {
+  width: 55vw;
+  height: 75vw;
+}
+}
+
+@media (min-width: 90em) {
+.iframe-parent {
+  width: 58vw;
+  height: 75vw;
+}
+}
+
+@media (min-width: 76em) {
+.iframe-parent {
+  width: 60vw;
+  height: 75vw;
+}
+}
+@media (min-width: 48em) {
+.iframe-parent {
+  width: 50vw;
+  height: 75vw;
+}
+}
 
 /* Expand to the entire container */
 iframe{