smartphone home

web/themes/custom/popsu/sass/pages/_home.scss

@@ -302,6 +302,9 @@
 		}
 		div{
 			margin: 0 5%;
+			@include breakpoint(small down) {
+				margin: 0 3%;
+			}
 		}
 		.views-field-view-node{
 			display: inline-block;
@@ -357,6 +360,14 @@
 			font-size: 4rem;
 		}
 	}
+	@include breakpoint(small down) {
+		grid-template-columns: repeat(2, 1fr);
+		header[data-dom="programmes-block_4"]{
+			display:none;
+		}
+		
+
+	}
 
 }
 #home_themes-block_1{

web/themes/custom/popsu/sass/pages/partials/_header_footer.scss

@@ -173,6 +173,13 @@
                 &>div:first-child{
                     grid-column-start: 2;
                 }
+				@include breakpoint(small down) {
+					grid-template-columns: repeat(3, 1fr);
+					&>div:first-child{
+						grid-column-start: 1;
+					}
+			
+				}
 			}
 			
 		}
@@ -231,6 +238,12 @@
     &>div>span:nth-child(2){
         transform: rotate(-45deg);
     }
+	@include breakpoint(small down) {
+		position: absolute;
+		top: 1rem;
+		right: 1rem;
+	}
+
 }
 .open-block{
     height: 100%;
@@ -254,8 +267,19 @@
 		padding: 1rem 0;
 		z-index: 140;
 		line-height: 2;
+		@include breakpoint(small down) {
+			grid-template-columns: 1fr;
+			align-content: center;
+			text-align: center;
+			height: 100vh;
+			font-size: $font-medium;
+			
+		}
 		nav{
 			grid-column-start: 2;
+			@include breakpoint(small down) {
+				grid-column-start: 1;
+			}
 		}
 		// padding: 1rem .5rem 1rem .5rem;
 		a{
@@ -382,5 +406,9 @@ footer{
                 }
             }
         }
+		@include breakpoint(small down) {
+			text-align:center;
+			margin-top: 1rem;
+		}
     }
 }