Added quality select modal to download buttons

public/css/modules/middle-section.css

@@ -48,20 +48,50 @@
 	width: 90%;
 }
 
+/* The Modal (background) */
+.smallmodal {
+  display: none; /* Hidden by default */
+  position: fixed; /* Stay in place */
+  z-index: 1250; /* Sit on top */
+  left: 0;
+  top: 0;
+  width: 100%; /* Full width */
+  height: 100%; /* Full height */
+  overflow: auto; /* Enable scroll if needed */
+  background-color: rgb(0,0,0); /* Fallback color */
+  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
+  animation-duration: 0.3s;
+}
+
+/* Modal Content */
+.smallmodal-content {
+  background-color: none;
+  margin: auto;
+  width: 30%;
+  align-items: center;
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+}
+.smallmodal-content button{
+  width: 100%;
+  margin-bottom: 8px;
+}
+
 @media only screen and (min-width: 601px) {
-	#container {
+	#container, .smallmodal-content {
 		width: 85%;
 	}
 }
 
 @media only screen and (min-width: 993px) {
-	#container {
+	#container, .smallmodal-content {
 		width: 70%;
 	}
 }
 
 @media only screen and (max-width: 600px) {
-	#container {
+	#container, .smallmodal-content {
 		width: 100%;
 	}
-}
+}