Website: update pricing page (#7573)

* Website: update pricing page

- Added a message to contact us for large server fleets.

* Update pricing.ejs

- updated messaging.

website/assets/styles/pages/pricing.less

@@ -2,6 +2,12 @@
   h1, p {
     color: #192147;
   }
+  a {
+    color: @core-vibrant-blue;
+  }
+  .btn {
+    color: #fff;
+  }
   .faq-question {
     font-weight: @bold;
   }
@@ -24,4 +30,12 @@
     .btn-animated-arrow-red();
   }
 
+  @media (max-width: 575px) {
+    .contact-msg {
+      max-width: 300px;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+
 }

website/views/pages/pricing.ejs

@@ -138,7 +138,8 @@
           </div>
         </div>
       </section>
-      <section id="features" class="d-flex flex-column justify-content-center p-0 pt-5 mx-auto">
+      <p class=" contact-msg text-center" style="font-weight: bold;">Does your organization have a large server fleet?  <a target="_blank" href="https://calendly.com/fleetdm/demo?utm_source=pricing+demo">Talk to an expert</a>.</p>
+      <section id="features" class="d-flex flex-column justify-content-center p-0 pt-2 mx-auto">
           <div class="container-fluid d-flex flex-column flex-sm-row flex-wrap justify-content-center p-0">
             <div style="max-width: 810px" class="w-100 px-1" >
               <div style="border-radius: 15px" class="card mb-4">