diff --git a/css/index.css b/css/index.css
index c3d8866..2ac43ce 100644
--- a/css/index.css
+++ b/css/index.css
@@ -25,36 +25,6 @@ html, body {
text-align: center;
}
-@media (max-width: 600px) {
- .maindiv {
- margin: auto;
- position: relative;
- text-align: left;
- top: 25%;
- width: 90%;
- }
-
- .maindiv img {
- max-width: 85%;
- }
-
- .sidebar {
- visibility: hidden;
- }
-
- .toggle {
- visibility: hidden;
- }
-
- .nav {
- visibility: hidden;
- }
-
- .adminActions {
- visibility: hidden;
- }
-}
-
/* Search Box */
.searchbox {
width: 60%;
@@ -63,7 +33,6 @@ html, body {
.search {
text-align: centre;
padding-top: 150px;
- width: auto;
width: 60%;
margin: 0 auto 0 auto;
animation: slidein 0.3s ease;
@@ -626,4 +595,68 @@ html, body {
.nav__icon {
font-size: 20px;
- }
\ No newline at end of file
+ }
+
+@media (max-width: 500px) {
+ .maindiv {
+ margin: auto;
+ position: relative;
+ text-align: left;
+ top: 25%;
+ width: 100%;
+ }
+
+ .maindiv img {
+ max-width: 75%;
+ }
+
+ .nav {
+ top: unset;
+ bottom: 0px;
+ }
+
+ .sharemobile {
+ display: flex;
+ text-align: center;
+ align-items: center;
+ justify-content: center;
+ margin: 15px;
+ }
+
+ .share-button-mobile {
+ display: flex;
+ text-align: center;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ flex-basis: 10px;
+ }
+
+ .share-button-mobile img {
+ width: 40px;
+ height: auto;
+ margin: 0 10px 0 10px;
+ }
+
+ .sidebar {
+ visibility: hidden;
+ }
+
+ .toggle {
+ visibility: hidden;
+ }
+
+ .share {
+ visibility: hidden;
+ }
+
+ .adminActions {
+ visibility: hidden;
+ }
+}
+
+@media (min-width: 500px) {
+ .sharemobile {
+ visibility: hidden;
+ }
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 7e16f27..b919365 100644
--- a/index.html
+++ b/index.html
@@ -27,6 +27,15 @@
+
+ 
+ 
+ 
+ 
+ 
+