more mobile responsivness fixes

_layouts/services.html

@@ -20,7 +20,7 @@
 								<div class="capsule">services</div>
 							</div>
 							<br>
-							<h1 class="hero-title gradient-text hero-header">
+							<h1 class="services-header hero-title gradient-text hero-header">
 								hire Distrust to solve your hardest security challenges
 							</h1>
 							<br>
@@ -72,7 +72,7 @@
 				<section class="flex-container">
 					<div class="flex-container-inner"></div>
 					<div class="flex-container-inner">
-						<h2 class="gradient-text" style="text-align: left; height: 95px">why Distrust?</h2>
+						<h2 class="gradient-text why-distrust">why Distrust?</h2>
 						<p>
 						Why choose Distrust? Because security shouldn't be based on blind trust, it should be based on <b>dis</b>trust, and verifiability. Most organizations treat cybersecurity like people once treated hygiene—poorly.
 						</p>

_sass/base.scss

@@ -599,10 +599,19 @@ hr {
 
 .inner-menu-content {
 	border-bottom: 1px solid white;
+	margin-top: 50px;
 }
 
 .menu-content div {
-	margin: 50px 30px 50px 30px;
+	margin: 30px;
+}
+
+/**
+* Services Page
+*/
+.why-distrust {
+	height: 95px;
+	text-align: left;
 }
 
 /**
@@ -1548,6 +1557,12 @@ pre {
 	}
 }
 
+@media (max-width: 1117px) {
+	.services-header {
+		height: 420px;
+	}
+}
+
 @media (max-width: 1020px) {
 	.flex-container-inner {
 		width: 100% !important;
@@ -1570,9 +1585,22 @@ pre {
 		flex-direction: column-reverse;
 	}
 
+	.services-header {
+		height: 250px;
+	}
+
 	.team .flex-container-inner {
 		margin-bottom: 30px;
 	}
+	h1 {
+		font-size: 80px !important;
+		line-height: 80px !important;
+	}
+
+	h2 {
+		font-size: 60px !important;
+		line-height: 60px !important;
+	}
 }
 
 @media (max-width: 742px) {
@@ -1615,7 +1643,11 @@ pre {
 	}
 
 	.hero-header {
-		height: unset !important;
+		height: 190px;
+	}
+
+	.landing-header {
+		height: 90px !important;
 	}
 
 	.contact-header {
@@ -1658,6 +1690,11 @@ pre {
 		line-height: 40px !important;
 	}
 
+	h3 {
+		font-size: 30px !important;
+		line-height: 30px !important;
+	}
+
 	.roadmap-header {
 		flex-direction: column;
 	}
@@ -1707,5 +1744,15 @@ pre {
 	.powered-header {
 		height: 50px;
 	}
+
+	/**
+	* Services Page
+	*/
+	.why-distrust {
+		height: 45px;
+	}
+	/**
+	* End Services Page
+	*/
 }