diff --git a/index.html b/index.html
index b252b54..3c8a802 100644
--- a/index.html
+++ b/index.html
@@ -19,17 +19,15 @@
 		height: 100px;
 		background-color: black;
 		display: flex;
-		flex-direction: column;
-		justify-content: center;
+		padding: 0 1rem;
+		justify-content: space-between;
+		align-items: center;
 		margin-bottom: 1.5em;
 	}
 	.top_nav .logo {
-		position: absolute;
-		top: 0;
-		left: 0;
+		
 	}
 	.top_nav .title {
-		margin-left: 240px;
 		text-align: left;
 		color: #ff7300;
 		font-size: 2em;
@@ -114,6 +112,25 @@
 			padding: 0;
 		}
 	}
+	
+	@media only screen and (max-width: 768px) {
+		.qrcode_container {
+			padding: 0.5rem;
+			margin: 0.5rem;
+		}
+		.qrcode_container img {
+			max-width: 100%;
+			height: auto;
+		}
+		
+		.qrcode {
+			margin: 0.5rem;
+		}
+		
+		.top_nav .title {
+			font-size: 1.2rem;
+		}
+	}
 
 
 </style>
@@ -264,4 +281,4 @@ <h3>Settings QR</h3>
 			})
 		});
 	</script>
-</body>
\ No newline at end of file
+</body>