improve /carto responsiveness

Author: ostannya

assets/scss/common/_global.scss

@@ -204,3 +204,7 @@ body {
   -webkit-text-fill-color: transparent;
   -moz-text-fill-color: transparent;
 }
+
+.btn {
+  margin: 8px;
+}

content/carto/index.md

@@ -7,7 +7,7 @@ type: "html-content"
 ---
 
 <article class="pb-5">
-<div class="pt-5">
+<div class="container pt-5">
   <h1 class="cloud-title display-2 text-center mt-0 mb-4"><span>Maps for your Data Team</span></h1>
   <div class="lead text-center mb-4 py-1 row justify-content-center">
     <div class="text-center lead col-lg-10">Dekart is <mark>lightweight alternative to CARTO</mark> for BigQuery and Snowflake users. You will create maps instantly with SQL without moving data and share your insights with immersive up-to-date maps.</div>
@@ -23,24 +23,28 @@ type: "html-content"
     <h2 class="display-3">Why Choose Dekart <span class="d-inline-block">Over CARTO?</span></h2>
     <!-- item -->
     <h4>Transparent Pricing</h4>
-    <p>Plans start at $49/month – no surprises, no overpaying.</p>
+    <p>Plans start at $49/month – no surprises, no overpaying. Explore <a href='/cloud/'>our pricing options</a> to find the right fit.</p>
     <!-- item -->
     <h4>No Vendor Lock-In</h4>
     <p>Open-source license, commercial license, SaaS, or self-hosting – Dekart meets any deployment needs.</p>
     <!-- item -->
     <h4>High-performance Map Visualization</h4>
-    <p>Dekart and CARTO both leverage the industry-leading Kepler.gl and deck.gl libraries for stunning, high-performance maps.</p>
+    <p>Dekart uses the same Kepler.gl and deck.gl libraries as CARTO, delivering stunning, high-performance maps.</p>
     <!-- item -->
     <h4>Faster Data Connectors</h4>
-    <p>Built with contributions from Google and Snowflake experts, Dekart data connectors use multithreading and multiple caching techniques to fetch data faster and cheaper.</p>
+    <p>Built with contributions from Google and Snowflake experts, Dekart's data connectors use multithreading and multiple caching techniques to fetch data faster and cheaper.</p>
   </div>
 </div>
 
   <div>
     <div class="text-center d-flex flex-column align-items-center">
-      <h2 class="display-3">Create Maps in Seconds.</h2>
+      <h2 class="display-3">Create Maps in Seconds</h2>
       <p class="lead">Watch short demo video</p>
-<p><iframe width="840" height="472" src="https://www.youtube.com/embed/qwOqLm3i7Ik" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
+      <div class="container mb-4" style="max-width: 900px;">
+        <div class="embed-responsive embed-responsive-16by9">
+          <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/qwOqLm3i7Ik" allowfullscreen></iframe>
+      </div>
+    </div>
 <div class="text-center">
   <p><a class="btn btn-primary" href="http://cloud.dekart.xyz/workspace?ref=carto-alternative-2" role="button">Create Free Workspace</a> <a class="btn btn-outline-primary" href="/docs/about/overture-maps-examples/" target="_blank">Start with Example</a></p>
   <p></p>