add enterprise edition section, more general form tweaks

_src/_assets/styles/_page-cla.scss

@@ -1,4 +1,3 @@
-
 .form--cla {
     padding: $spacer ($spacer * 2);
     background: $gray-dark;

_src/_assets/styles/_page-enterprise.scss

@@ -63,10 +63,6 @@
 }
 
 .form--enterprise {
-    padding: $spacer ($spacer * 2);
-    background: $gray-dark;
-    border-radius: $border-radius;
-
     .grid {
         @media ($screen-sm) {
             justify-content: space-between;

_src/_assets/styles/bigchain/_forms.scss

@@ -3,6 +3,11 @@
 // ---
 // bigchain.io
 //
+.form {
+    padding: ($spacer * 1.5) ($spacer * 2.5);
+    background: $gray-dark;
+    border-radius: $border-radius;
+}
 
 .form-control {
     @extend .transition;
@@ -150,7 +155,7 @@ select.form-control {
     margin-bottom: ($spacer * .75);
 
     label {
-        padding-left: 1.25rem;
+        padding-left: 1.75rem;
         margin-bottom: 0;
         cursor: pointer;
         // When there's no labels, don't position the input.
@@ -166,7 +171,7 @@ select.form-control {
 .checkbox-inline input[type="checkbox"] {
     position: absolute;
     margin-bottom: -0.25rem;
-    margin-left: -1.25rem;
+    margin-left: -1.75rem;
     margin-right: 0.25rem;
 
     // reset styling, then style

_src/_assets/styles/bigchain/_grid.scss

@@ -132,6 +132,8 @@
 //
 @mixin grid-columns() {
     > .grid__col {
+        max-width: none;
+
         &.grid__col--1 { flex: 0 0 16%; }
         &.grid__col--2 { flex: 0 0 33.3%; }
         &.grid__col--3 { flex: 0 0 50%; }

_src/_includes/form-cla.html

@@ -11,7 +11,7 @@
 <div class="tab-content">
 
     <div class="tab-pane active" id="individual" role="tabpanel">
-        <form id="form-cla-individuals" class="form-cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST">
+        <form id="form-cla-individuals" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST">
             <p class="form-group">
                 <input class="form-control" type="text" id="name" name="name" required>
                 <label class="form-label" for="name">Your Full Name</label>
@@ -36,7 +36,7 @@
                 Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>
             <div class="form-group checkbox">
-                <label class="text-dimmed">
+                <label>
                     <input class="agree" type="checkbox" value="agreement" name="agreement" required>
                     I have read and agree to the <a href="/cla/individual/">terms of this Agreement</a>
                 </label>
@@ -70,7 +70,7 @@
     </div>
 
     <div class="tab-pane" id="entity" role="tabpanel">
-        <form id="form-cla-entities" class="form-cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST" accept-charset="UTF-8">
+        <form id="form-cla-entities" class="form form--cla js-parsley" action="//formspree.io/{{ site.email.cla }}" method="POST" accept-charset="UTF-8">
             <p class="form-group">
                 <input class="form-control" type="text" id="org-entity" name="org" required>
                 <label class="form-label" for="org-entity">Name of organization, foundation, company or other entity</label>
@@ -91,7 +91,7 @@
                 Agreed and accepted: By clicking and accepting this Agreement, I represent and warrant that I have authority to bind the entity named above (if applicable) to the terms and conditions of this Agreement.
             </p>
             <div class="form-group checkbox">
-                <label class="text-dimmed">
+                <label>
                     <input class="agree" type="checkbox" value="agreement" name="agreement" required>
                     I have read and agree to the <a href="/cla/entity/">terms of this Agreement</a>
                 </label>

_src/_includes/form-contact.html

@@ -1,5 +1,5 @@
 
-<form id="form-contact" class="js-parsley" action="//formspree.io/{{ site.email.contact }}" method="POST" accept-charset="UTF-8">
+<form id="form-contact" class="form js-parsley" action="//formspree.io/{{ site.email.contact }}" method="POST" accept-charset="UTF-8">
     <p class="form-group">
         <input class="form-control" type="text" id="name" name="name" required>
         <label class="form-label" for="name">Your Name</label>

_src/enterprise.html

@@ -109,6 +109,23 @@ intro:
     </div>
 </section>
 
+<section class="section section--enterpriseedition background--photo">
+    <div class="row row--wide">
+
+        <div class="grid grid--full grid-small--half grid-medium--fit grid-medium--columns grid--gutters">
+            <div class="grid__col grid__col--4">
+                <header class="section-header text-left">
+                    <h1 class="section-title">BigchainDB Enterprise Edition</h1>
+                    <p class="section-description">Flexible options to bundle BigchainDB with the support, consultation and implementation you need to succeed.</p>
+                </header>
+            </div>
+            <div class="grid__col grid__col--2">
+            </div>
+        </div>
+
+    </div>
+</section>
+
 <section class="section section--enterprisecontact" id="contact">
     <div class="row">
         <header class="section-header">