Update

src/styles/base.css

@@ -109,8 +109,8 @@ background {
   right: 0px;
   float: right;
   position: absolute;
-  min-width: 100%;
-  min-height: 75vh;
+  width: 100%;
+  height: 75vh;
   background-size: cover;
   background-image: url(background.webp),
     url(background.png);

src/styles/contents.css

@@ -1,7 +1,7 @@
 contents {
 	display: flex;
 	position: relative;
-	top: 32.5vh;
+	top: calc(37.5vh - 0.5rem);
 
 	right: 0vh;
 	left: 0vh;
@@ -70,11 +70,11 @@ group#footer > * {
 
 @media screen and (max-width: 1024px) {
 	contents {
-		top: 27.5vh;
+		top: calc(32.5vh - 0.5rem);
 	}
 }
 
-@media screen and (max-width: 480px) {
+@media screen and (max-width: 530px) {
 	contents {
 		top: 20vh;
 	}

src/styles/header.css

@@ -62,12 +62,19 @@ header > img {
 
 @media screen and (max-width: 1024px) {
 	header {
+		height: 15vh;
 		width: -moz-available;
 		width: -webkit-fill-available;
 		width: fill-available;
 	}
 }
-@media screen and (max-width: 480px) {
+
+@media screen and (max-width: 768px) {
+	header {
+		height: auto;
+	}
+}
+@media screen and (max-width: 530px) {
 	header {
 		min-height: 30vh;
 	}