diff --git a/static/freebsdTrans.png b/static/freebsdTrans.png
index 9a564ef..5374eb8 100644
Binary files a/static/freebsdTrans.png and b/static/freebsdTrans.png differ
diff --git a/themes/violette/assets/css/main.css b/themes/violette/assets/css/main.css
index 424baed..b6c13ba 100644
--- a/themes/violette/assets/css/main.css
+++ b/themes/violette/assets/css/main.css
@@ -39,10 +39,11 @@
 }
 
 .color-scheme-wrapper {
-	min-height: 100vh;
 	background-color: var(--bg);
 	transition: 1s all;
 	color:var(--text);
+	height: 100%;
+	width: 100%;
 }
 
 .margin {
@@ -65,6 +66,7 @@ body {
 
 	display: flex;
 	flex-direction: column;
+	overflow: hidden;
 }
 
 header {
@@ -117,11 +119,12 @@ footer {
 	gap: 10px;
 }
 
+
 .nav {
 	list-style-type: none;
 	margin: 5pt;
+	display: inline-flex;
 
-	display: flex;
 	align-items: center;
 }
 
@@ -130,10 +133,23 @@ footer {
 	width: 100%;
 
 	display: flex;
-	align-items: center;
 	justify-content: flex-end;
 }
 
+ @media only screen and (max-width: 300pt) {
+  .nav {
+	flex-direction: column;
+	align-items: flex-start;
+  }
+
+  .nav-right {
+	flex-direction: column;
+	display: flex;
+  }
+  
+}
+
+
 li {
 	padding-left: 5pt;
 	padding-right: 5pt;
@@ -143,6 +159,7 @@ ul {
 	padding-right: 5pt;
 	padding-left: 5pt;
 	margin-left: 5pt;
+	width: 100%;
 }
 
 a, label {
@@ -151,10 +168,8 @@ a, label {
 }
 
 .toggle-dark {
-	align-self: flex-end;
 	width: auto;
 	padding-right: 20pt;
-	padding-left: 20pt;
 }
 
 .toggle-dark label {
@@ -164,10 +179,14 @@ a, label {
 
 /* resize image that are in main, and center them */
 main img {
-	max-width: 512pt;;
+	max-width: 70%;
+	min-width: 0;
     margin-left:auto;
     margin-right:auto;
 
-    display:flex;
+	display: flex;
     float:none;
+
 }
+
+