smartphone home

web/themes/custom/popsu/css/styles.css

@@ -1394,6 +1394,11 @@ iframe {
         align-items: center; }
         .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
           grid-column-start: 2; }
+        @media print, screen and (max-width: 39.99875em) {
+          .header_top_middle_container .views-element-container > div:first-child > div:first-child {
+            grid-template-columns: repeat(3, 1fr); }
+            .header_top_middle_container .views-element-container > div:first-child > div:first-child > div:first-child {
+              grid-column-start: 1; } }
   .header_top_middle_container .views-row {
     display: inline-block;
     width: auto; }
@@ -1430,6 +1435,11 @@ iframe {
     transform: translateY(57%) rotate(45deg); }
   .close-block > div > span:nth-child(2) {
     transform: rotate(-45deg); }
+  @media print, screen and (max-width: 39.99875em) {
+    .close-block {
+      position: absolute;
+      top: 1rem;
+      right: 1rem; } }
 
 .open-block {
   height: 100%;
@@ -1450,8 +1460,18 @@ iframe {
   padding: 1rem 0;
   z-index: 140;
   line-height: 2; }
+  @media print, screen and (max-width: 39.99875em) {
+    #header-top-right .header_top_right_container {
+      grid-template-columns: 1fr;
+      align-content: center;
+      text-align: center;
+      height: 100vh;
+      font-size: 0.8rem; } }
   #header-top-right .header_top_right_container nav {
     grid-column-start: 2; }
+    @media print, screen and (max-width: 39.99875em) {
+      #header-top-right .header_top_right_container nav {
+        grid-column-start: 1; } }
   #header-top-right .header_top_right_container a {
     text-decoration: none;
     font-weight: 400; }
@@ -1533,6 +1553,10 @@ footer {
       font-size: 0;
       color: transparent;
       background: left/contain no-repeat url(../images/yt.svg); }
+  @media print, screen and (max-width: 39.99875em) {
+    #footer-bottom .footer_bottom_right_container {
+      text-align: center;
+      margin-top: 1rem; } }
 
 .path-frontpage .header_top_left_container div:nth-child(2) img {
   width: 77%; }
@@ -1727,6 +1751,9 @@ footer {
     color: black; }
   .about .views-row div {
     margin: 0 5%; }
+    @media print, screen and (max-width: 39.99875em) {
+      .about .views-row div {
+        margin: 0 3%; } }
   .about .views-row .views-field-view-node {
     display: inline-block;
     margin: 0 auto;
@@ -1770,6 +1797,11 @@ footer {
     .header_container header.active {
       opacity: 1;
       font-size: 4rem; }
+  @media print, screen and (max-width: 39.99875em) {
+    .header_container {
+      grid-template-columns: repeat(2, 1fr); }
+      .header_container header[data-dom="programmes-block_4"] {
+        display: none; } }
 
 #home_themes-block_1 {
   display: none; }