Fix div clipping

_includes/header.html

@@ -1,4 +1,4 @@
-<header class="mb-64 lg:mb-0 lg:pb-0 h-screen bg-local bg-no-repeat bg-cover bg-center" style="background-image: url({{ site.img_url }}header.png">
+<header class="lg:mb-0 h-full bg-local bg-no-repeat bg-cover bg-center lg:pb-40 md:pt-32" style="background-image: url({{ site.img_url }}header.png">
   <img class="-z-0 pt-16 absolute hidden md:block" style="z-index: -1;" src="" alt="">
   <div class="flex items-center md:h-full">
     <div class="container mx-auto sm:px-8 sm:px-0">
@@ -28,10 +28,10 @@
             </div>
           </div>
           <div>
-            <img class="flex mx-auto md:mt-12 transform md:pr-1 md:absolute md:left-0 md:right-0 lg:relative md:max-w-sm lg:max-w-md lg:scale-150 lg:ml-16" src="{{ site.img_url }}freedom.gif" alt="">
+            <img class="flex mx-auto md:mt-12 transform md:pr-1 md:left-0 md:right-0 lg:relative md:max-w-sm lg:max-w-md lg:scale-150 lg:ml-16" src="{{ site.img_url }}freedom.gif" alt="">
           </div>
         </div>
       </div>
     </div>
   </div>
-</header>
+</header> 

_includes/nav.html

@@ -1,4 +1,4 @@
-<nav class="flex flex-wrap items-center bg-black px-10 py-6 fixed w-full z-50 lg:absolute">
+<nav class="flex flex-wrap items-center bg-black px-10 py-6 w-full z-50 lg:flex">
   <div class="flex-1 flex justify-between items-center">
     <a href="{{ site.base_url }}" class="flex items-center hover:opacity-55  transition duration-150 ease-in-out opacity-100">
       <svg class="spin h-6 w-auto mr-4" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 128 128">
@@ -75,4 +75,4 @@
       </ul>
     </nav>
   </div>
-</nav>
+</nav>

portmaster/index.html

@@ -6,9 +6,9 @@ redirect_from:
 - /download/
 ---
 
-<header class="h-screen">
+<header class="h-full my-20 md:my-40">
-  <div class="flex items-center h-screen">
+  <div class="flex items-center h-ful">
-    <div class="container mx-auto px-8 sm:px-0 pt-64 lg:mt-64">
+    <div class="h-full mx-auto ">
       <div class="text-center">
         <h2 class="text-5xl sm:text-6xl tracking-tight font-extrabold leading-none py-10">
           Portmaster

spn/index.html

@@ -3,9 +3,8 @@ title: Safing Privacy Network
 layout: page
 ---
 
-<header class="h-screen pt-64 md:pt-32">
+<header class="h-full">
-  <img class="-z-0 pt-0 absolute hidden lg:block" style="z-index: -1; margin-top: -3rem;" src="{{ site.img_url }}shapes/corner-tl.png" alt="">
+  <div class="flex items-center h-full pb-0 pt-20 md:pb-40 md:pt-32">
-  <div class="flex items-center h-full">
     <div class="container mx-auto sm:px-8 sm:px-0">
       <div class="container mx-auto px-8 sm:px-0 flex">
         <div class="max-w-screen-xl mx-auto px-4 sm:px-6 lg:flex">
@@ -47,7 +46,7 @@ layout: page
   </div>
 </header>
 <section style="margin-top: 3rem;">
-  <div class="text-center pt-40 lg:pt-0 pb-24 lg:pb-48">
+  <div class="text-center lg:pt-0 pb-24 lg:pb-48">
     <h2 class="text-5xl tracking-tight font-extrabold leading-none py-10 mr-auto ml-auto">
       Protect Your Meta&#8209;Data
     </h2>