diff --git a/assets/css/main.css b/assets/css/main.css
index 8edcdc3..8057801 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -41,6 +41,82 @@ blink {
 	top: calc(0.875em - 0.1875em);
 	left: 0.25em;
 }
+
+.screenshot img {
+        max-width: 2400px;
+				max-height: 700px;
+        /* Screenshots slider won't work fine without disabling image selection and dragging */
+        user-select: none;
+        pointer-events: none;
+}
+
+
+
+/**
+ * (optional) define here the style definitions which should be applied on the slider container
+ * e.g. width including further controls like arrows etc.
+ */
+.slider {
+	position: relative;
+	direction: ltr;
+}
+
+.frame {
+		/**
+		 * (optional) wrapper width, specifies width of the slider frame.
+		 */
+		position: relative;
+		font-size: 0;
+		line-height: 0;
+		overflow: hidden;
+		white-space: nowrap;
+		margin: 0 30px;
+}
+
+.slides {
+	position: relative;
+
+	display: inline-block;
+	vertical-align: middle;
+	margin: 10px;
+
+}
+
+.slides li {
+		position: relative;
+		display: inline-block;
+}
+
+.screenshot {
+	 position: relative;
+	 display: inline-block;
+	 vertical-align: middle;
+	 margin: 10px;
+}
+
+
+.prev, .next {
+		position: absolute;
+		top: 50%;
+		margin-top: -25px;
+		display: block;
+		cursor: pointer;
+}
+
+.next {
+		right: 0;
+}
+
+.prev {
+		left: 0;
+}
+
+.next svg, .prev svg {
+		width: 25px;
+}
+
+
+
 /*
 .button-primary:hover {
   background-color: rgb(236, 113, 18);
diff --git a/layouts/partials/custom_head.html b/layouts/partials/custom_head.html
index 1a38b2e..cc78aa3 100644
--- a/layouts/partials/custom_head.html
+++ b/layouts/partials/custom_head.html
@@ -1,85 +1,2 @@
 <script src="/contact-form/jquery-3.6.0.min.js"></script>
 <script src="/contact-form/form.js"></script>
-
-<style>
-.mt-6 {
-	margin-top: 1.5rem;
-	margin-bottom: 3.5rem;
-}
-
-
-
-
-.screenshot img {
-        max-width: 2400px;
-				max-height: 700px;
-        /* Screenshots slider won't work fine without disabling image selection and dragging */
-        user-select: none;
-        pointer-events: none;
-}
-
-
-
-/**
- * (optional) define here the style definitions which should be applied on the slider container
- * e.g. width including further controls like arrows etc.
- */
-.slider {
-	position: relative;
-	direction: ltr;
-}
-
-.frame {
-		/**
-		 * (optional) wrapper width, specifies width of the slider frame.
-		 */
-		position: relative;
-		font-size: 0;
-		line-height: 0;
-		overflow: hidden;
-		white-space: nowrap;
-		margin: 0 30px;
-}
-
-.slides {
-	position: relative;
-
-	display: inline-block;
-	vertical-align: middle;
-	margin: 10px;
-
-}
-
-.slides li {
-		position: relative;
-		display: inline-block;
-}
-
-.screenshot {
-	 position: relative;
-	 display: inline-block;
-	 vertical-align: middle;
-	 margin: 10px;
-}
-
-
-.prev, .next {
-		position: absolute;
-		top: 50%;
-		margin-top: -25px;
-		display: block;
-		cursor: pointer;
-}
-
-.next {
-		right: 0;
-}
-
-.prev {
-		left: 0;
-}
-
-.next svg, .prev svg {
-		width: 25px;
-}
-</style>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index f4321fc..526925d 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -10,7 +10,7 @@
         {{ with .Params.header_tagline_paragraph }}
           {{- partial "header/tagline_paragraph.html" . -}}
         {{ end }}
-        <div class="mb-16">
+        <div class="mb-16 mt-16">
           {{ with .Params.header_button_cta }}
             {{- partial "header/button_cta.html" . -}}
           {{ end }}