membership template complete

wp-content/themes/biuro/css/05-layout/_layout--content.css

@@ -96,3 +96,15 @@
         }
     }
 }
+
+.l-content--membership { width: 100%; flex: 1 1 auto; max-width: 1070px; padding: 35px 20px 90px; margin: 0 auto;
+    @media (--max--medium) {
+        padding: 10px;
+    }
+
+    h1 { color: #2A3644;  font-weight: 500; font-size: 22px; line-height: 29px;
+        @media (--min--medium) {
+            font-size: 25px; line-height: 38px;
+        }
+    }
+ }

wp-content/themes/biuro/css/07-components/__components.css

@@ -32,6 +32,7 @@ c-: Signify that something is a Component. This is a concrete, implementation-sp
 @import '_component--jobs-pagination.css';
 @import '_component--jobs-section.css';
 @import '_component--logo.css';
+@import '_component--membership.css';
 @import '_component--modal.css';
 @import '_component--nav.css';
 @import '_component--phone.css';

wp-content/themes/biuro/css/07-components/_component--membership.css

+/* ------------- Component: membership ------------- */
+
+/* critical:start */
+
+/* critical:end */
+
+.c-membership { background: #fff; margin-bottom: 40px;
+    td {
+        @media (--max--x-small) {
+            display: block; padding: 10px 20px;
+        }
+        @media (--min--x-small) {
+            border-bottom: 1px solid #f8f8f8;
+        }
+    }
+}
+.c-membership--col-1 {
+    @media (--min--x-small) {
+        width: 205px; padding: 25px 45px 25px 30px;
+    }
+}
+
+.c-membership--col-2 { border-bottom: 1px solid #f8f8f8;
+    @media (--min--x-small) {
+        padding: 25px 30px 25px 0;
+    }
+}
+
+

wp-content/themes/biuro/css/main.css

@@ -59,48 +59,5 @@ input::-webkit-calendar-picker-indicator {
 
 .biuro-ti-img   { display: none; }
 
-.t-membership{
-    width:100%;
-    border:0;
-    text-align:left
-}
-.t-membership td{
-    text-align:justify;
-    vertical-align:middle
-}
-.t-membership .t-membership-row-4 td{
-    border-bottom:none
-}
-
-@media (max-width:767px){
-    .t-membership tr{
-        display:block
-    }
-    .t-membership td{
-        display:block;
-        float:left;
-        width:100%
-    }
-    .t-membership .t-membership-col-2{
-        border-bottom:1px solid #dfdfdf;
-        padding:0 0 20px
-    }
-}
-
-@media (min-width:768px){
- .t-membership-col-1{
-        width:150px;
-        padding-right:20px
-    }
-}
-
-
-@media (min-width:980px){
-    .t-membership-col-1{
-        width:250px;
-        padding-right:0
-    }
-}
-
 
 .grecaptcha-badge { pointer-events: none; visibility: hidden; }

wp-content/themes/biuro/page-membership.php

+<?php
+/**
+ * Template Name: Membership page
+ *
+ * This is the page for a Membership content
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPress
+ * @subpackage Biuro
+ * @since 1.0
+ * @version 1.0
+ */
+
+get_header(); ?>
+
+    <div id="content" class="l-content--membership">
+        <main id="main" class="l-main l-main--membership">
+
+<?php
+        while ( have_posts() ) :
+
+            the_post();
+            the_content();
+
+        endwhile;
+?>
+
+        </main><!-- .l-main -->
+    </div><!-- #content -->
+
+<?php get_footer();