add media queries

src/assets/css/global.scss

@@ -136,14 +136,13 @@ button {
   width: 30em;
   position: relative;
   margin-bottom: 0.5em;
-}
 
-@media (max-width: 70em) {
-  .r-sidebar {
+  @include tablet-landscape {
     display: none;
   }
 }
 
+
 .image {
   background-position: center;
   background-repeat: no-repeat;
@@ -248,3 +247,5 @@ button {
   background-image: url(../../assets/icons/playing.webp);
   transition: all 0.3s ease-in-out;
 }
+
+