programs_view + css + media mixin

www/data/css/styles_programsview.scss

@@ -30,8 +30,10 @@
 }
 
 .prgv_left {
+  display: inline-flex;
+  justify-content: center;
+
   flex-grow: 1;
-  text-align: center;
   margin-left: 10px;
 
   margin-top: auto;
@@ -141,4 +143,33 @@
   background: #666666FF;
   background: -moz-radial-gradient(   circle, #666,    #FFFFFF00);
   background: -webkit-radial-gradient(circle, #666 0%, #FFFFFF00 100%);
+}
+
+@include rdmedia_range(0,2)  {
+  .prgv_content { border: none; }
+}
+
+@include rdmedia(0)  {
+
+  .prgv_top {
+    flex-direction: column;
+    margin-top: 0;
+  }
+
+  .prgv_left {
+    margin: 0 10px 10px 10px;
+  }
+
+  .prgv_right {
+    min-height: 0;
+    min-width:  0;
+  }
+
+  .prgv_right_lang {
+    justify-content: space-evenly;
+  }
+
+  #prgv_header h1 {
+    font-size: 28pt;
+  }
 }