From 9ce08a616d0e2f39c0b5edd0945fef1f283a6d45 Mon Sep 17 00:00:00 2001
From: Gary <gary@acorn-media.co.uk>
Date: Wed, 14 May 2025 16:39:13 +0100
Subject: [PATCH] changed layout to better suit mobile

---
 projects.php | 72 ++++++++++++++++++++++++++--------------------------
 1 file changed, 36 insertions(+), 36 deletions(-)

diff --git a/projects.php b/projects.php
index e77a974..adc3286 100644
--- a/projects.php
+++ b/projects.php
@@ -66,7 +66,7 @@ include_once $URlcorrection . "includes/banner.php";
 				</div>
 			</div>
 
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/5.webp);">
 					<a href="images/projects/5.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -78,7 +78,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/6.webp);">
 					<a href="images/projects/6.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -90,7 +90,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/7.webp);">
 					<a href="images/projects/7.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -102,7 +102,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/8.webp);">
 					<a href="images/projects/8.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -115,7 +115,7 @@ include_once $URlcorrection . "includes/banner.php";
 				</div>
 			</div>
 
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/9.webp);">
 					<a href="images/projects/9.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -127,7 +127,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/10.webp);">
 					<a href="images/projects/10.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -139,7 +139,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/11.webp);">
 					<a href="images/projects/11.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -151,7 +151,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/12.webp);">
 					<a href="images/projects/12.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -163,7 +163,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/13.webp);">
 					<a href="images/projects/13.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -175,7 +175,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/14.webp);">
 					<a href="images/projects/14.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -187,7 +187,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/15.webp);">
 					<a href="images/projects/15.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -199,7 +199,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/16.webp);">
 					<a href="images/projects/16.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -211,7 +211,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/17.webp);">
 					<a href="images/projects/17.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -223,7 +223,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/18.webp);">
 					<a href="images/projects/18.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -235,7 +235,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/19.webp);">
 					<a href="images/projects/19.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -247,7 +247,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/20.webp);">
 					<a href="images/projects/20.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -259,7 +259,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/21.webp);">
 					<a href="images/projects/21.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -271,7 +271,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/22.webp);">
 					<a href="images/projects/22.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -283,7 +283,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/23.webp);">
 					<a href="images/projects/23.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -295,7 +295,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/24.webp);">
 					<a href="images/projects/24.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -307,7 +307,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/25.webp);">
 					<a href="images/projects/25.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -319,7 +319,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/26.webp);">
 					<a href="images/projects/26.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -331,7 +331,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/27.webp);">
 					<a href="images/projects/27.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -343,7 +343,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/28.webp);">
 					<a href="images/projects/28.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -355,7 +355,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/29.webp);">
 					<a href="images/projects/29.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -367,7 +367,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/30.webp);">
 					<a href="images/projects/30.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -379,7 +379,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/31.webp);">
 					<a href="images/projects/31.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -391,7 +391,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/32.webp);">
 					<a href="images/projects/32.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -403,7 +403,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/33.webp);">
 					<a href="images/projects/33.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -415,7 +415,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/34.webp);">
 					<a href="images/projects/34.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -427,7 +427,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/35.webp);">
 					<a href="images/projects/35.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -439,7 +439,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/36.webp);">
 					<a href="images/projects/36.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -451,7 +451,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/37.webp);">
 					<a href="images/projects/37.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -463,7 +463,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/38.webp);">
 					<a href="images/projects/38.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -475,7 +475,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/39.webp);">
 					<a href="images/projects/39.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>
@@ -487,7 +487,7 @@ include_once $URlcorrection . "includes/banner.php";
 					</div>
 				</div>
 			</div>
-			<div class="col-md-3 ftco-animate">
+			<div class="col-lg-3 col-sm-12 ftco-animate">
 				<div class="work img d-flex align-items-end" style="background-image: url(images/projects/40.webp);">
 					<a href="images/projects/40.webp" class="icon image-popup d-flex justify-content-center align-items-center">
 						<span class="fa fa-expand"></span>