Remove "screen" from @media rules

scss/partials/_media.scss

@@ -1,16 +1,16 @@
-@media screen and (max-width: 768px){
+@media (max-width: 768px){
     .tablet-hide{
         display:none;
     }
 }
 
-@media screen and (max-width: 480px){
+@media (max-width: 480px){
     .mobile-hide{
         display:none;
     }
 }
 
-@media screen and (max-width: 768px){
+@media (max-width: 768px){
     #content{
         margin-left:0;
     }
@@ -29,7 +29,7 @@
     }
 }
 
-@media screen and (min-width: 1400px){
+@media (min-width: 1400px){
     #content{
         background:rgba(0,0,0,0.05);
     }
@@ -39,7 +39,7 @@
     }
 }
 
-@media screen and (max-width: 768px){
+@media (max-width: 768px){
     #copyright{
         width:85%;
         display:none;
@@ -50,7 +50,7 @@
     }
 }
 
-@media screen and (max-width: 480px){
+@media (max-width: 480px){
     #content .sidebar{
         width:100%;
     }

scss/partials/_nagivation.scss

@@ -12,7 +12,7 @@
     }
 
     // Small screens
-    @media screen and (max-width: 768px) {
+    @media (max-width: 768px) {
         position: fixed;
         padding: 1em;
         color: $color-primary-background;

scss/partials/_toc.scss

@@ -71,7 +71,7 @@
         display: none;
     }
 
-    @media screen and (max-width: 768px) {
+    @media (max-width: 768px) {
         display: none;
         width: 60%;
         box-shadow: -25px 0px 10px 32px $black;
@@ -231,7 +231,7 @@ li ul li a{
 }
 
 
-@media screen and (max-width: 768px) {
+@media (max-width: 768px) {
     #copyright, #postamble {
         display: none;
     }