diff --git a/Contact.html b/Contact.html
index 73acc10..6a18443 100644
--- a/Contact.html
+++ b/Contact.html
@@ -2,6 +2,7 @@
+
diff --git a/Gallery.html b/Gallery.html
index 84ce9b3..f87a1ac 100644
--- a/Gallery.html
+++ b/Gallery.html
@@ -3,6 +3,7 @@
+
diff --git a/ServicesAndPrices.html b/ServicesAndPrices.html
index 18d1153..4299a07 100644
--- a/ServicesAndPrices.html
+++ b/ServicesAndPrices.html
@@ -2,6 +2,7 @@
+
diff --git a/index.html b/index.html
index 7ffdad5..5e28c7f 100644
--- a/index.html
+++ b/index.html
@@ -44,7 +44,7 @@
How To Book
- To book, see out contact
+ To book, see our contact
page and email us.
diff --git a/style.css b/style.css
index 05920b8..df04fe8 100644
--- a/style.css
+++ b/style.css
@@ -26,6 +26,7 @@ main{
table{
margin: auto;
+ width: 80%;
}
@@ -85,6 +86,8 @@ a:hover{
flex-direction: row;
gap: 10px;
justify-content: space-between;
+ align-content: stetch;
+ align-items: stretch;
}
.rows{
@@ -92,6 +95,8 @@ a:hover{
flex-direction: column;
gap: 10px;
align-content: stretch;
+ align-items: stretch;
+
}
#contact{
@@ -172,6 +177,7 @@ main .socials{
bottom: 0;
left: 0;
}
+
.font_scaler button{
background: none;
background-color: white;
@@ -181,9 +187,10 @@ main .socials{
padding: 5px;
transition: background-color 0.5s;
}
+
.font_scaler img{
- width: 70px;
- height: 70px;
+ width: 7vw;
+ height: 7vw;
}
.font_scaler button::hover, .font_scaler img::hover{
@@ -192,7 +199,36 @@ main .socials{
@media screen and (max-width:1000px){
+ table{
+ width: 80%;
+ font-size: 1.5rem;
+ }
+ table, th, td{
+ /* border: 2px solid; */
+ /* border-radius: 5px; */
+ /* border-collapse: collapse; */
+ }
+
+ .font_scaler_buttons img{
+ width: 15vw;
+ height: 15vw;
+ }
+
+ .columns{
+ display: flex;
+ flex-direction: column;
+ gap: 10px;
+ justify-content: space-between;
+ }
+
+ header, article, section{
+ background-color: white;
+ padding: 10px;
+ padding-bottom: 20px;
+ border-radius: 0 0 0px 0px;
+ }
+
.maximised{
position: fixed;
left: 50%;