Fix 404 responsiveness

static/assets/css/404.css

@@ -22,3 +22,48 @@
   top: 40%;
   left: 30%;
 }
+
+/* ============= Device specific fixes ======= */
+
+/* Extra small devices (portrait phones, less than 576px) */
+
+/* No media query for `xs` since this is the default in Bootstrap */
+
+/* Extra large devices (large desktops, 1200px and up) */
+
+@media (max-width: 1400px) {
+}
+
+@media (max-width: 1200px) {
+}
+
+/*  Large devices (desktops, 992px and up) */
+
+@media (max-width: 992px) {
+  .notFound .message {
+    top: 46%;
+    left: 25%;
+  }
+}
+
+/* Medium devices (tablets, 768px and up) */
+
+@media only screen and (max-width: 768px) {
+  .notFound .message {
+    top: 50%;
+    left: 10%;
+  }
+}
+
+/* Small devices (landscape phones, 576px and up) */
+
+@media only screen and (max-width: 576px) {
+  .notFound img {
+    height: 500px;
+  }
+
+  .notFound .message {
+    top: 50%;
+    left: 5%;
+  }
+}

static/assets/css/achievements.css

@@ -1,3 +1,7 @@
+.achievements .container{
+  padding-top: 0.5rem;
+}
+
 #gallery .achievement-entry {
   cursor: pointer;
   margin-top: 5px;

static/assets/css/experiences.css

@@ -3,7 +3,7 @@
 }
 
 .experiences .timeline{
-  margin-top: 2rem!important;
+  margin-top: 1.5rem!important;
 }
 
 .text-muted {

static/assets/css/recent-posts.css

@@ -1,3 +1,7 @@
+.recent-posts .container{
+  padding-top: 1rem;
+}
+
 .recent-posts .card .card-footer span {
   font-size: 10pt;
   color: #6c757d !important;

static/assets/css/style.css

@@ -83,7 +83,7 @@ a:hover {
 }
 
 .anchor {
-  padding-top: 3rem;
+  padding-top: 2rem;
 }
 
 .card {