Commercial: Simplify CSS

commercial.md

@@ -38,7 +38,7 @@ title: Rspamd commercial support
                     </p>
                 </div>
             </div> 
-            <p class="extra-feature">By choosing the commercial support option, you will have the following extra features:</p> 
+            <p class="extra-feature text-center">By choosing the commercial support option, you will have the following extra features:</p> 
         </div>
         <div class="row">
             <div class="col-md-6">
@@ -122,13 +122,15 @@ title: Rspamd commercial support
     </div>
 </div>
 
-<div class="questions">
+<div class="questions text-white text-center">
     <div class="container-xxl px-4">
         <div class="row">
             <div class="col-md-12">
                 <h2>Questions</h2>
                 <p>Feel free to reach out to us via email if you need any additional information about our<br> commercial support.</p>
-                <a href="mailto:[email protected]"><img src="img/envelope.svg"/> <span>[email protected]</span></a>
+                <a class="text-decoration-none" href="mailto:[email protected]">
+                    <img src="img/envelope.svg"/> <span class="text-white border-bottom pb-0">[email protected]</span>
+                </a>
             </div>
         </div>
     </div>

css/commercial.css

@@ -2,8 +2,7 @@
   background: #EFF7FF;
   padding-top: 60px;
 }
-.full-container{
-  width:100%;
+.full-container {
   font-size: 16px;
   line-height: 26px;
   color: #23263B;
@@ -53,9 +52,8 @@
   max-width: 1090px;
   margin: 16px auto 0;
 }
-.full-container .extra-feature{
+.full-container .extra-feature {
   font-weight: 500;
-  text-align: center;
   margin: 40px 0;
   color: #23263B;
   font-size: 18px;
@@ -111,32 +109,17 @@
   margin-top: 75px;
 }
 /* questions */
-.questions{
+.questions {
   background:#23263B;
   padding: 60px 0 80px;
-  color: #fff;
-  text-align: center;
 }
 .full-container .questions p{
   color: rgb(255 255 255 / 64%);
   margin-bottom: 24px;
 }
-.full-container .questions p + a {
-  text-decoration: none;
-}
-.full-container .questions p + a span{
-  color: #fff;
-  text-decoration: underline;
-  text-underline-offset: 3px;
-}
 
 @media(max-width:1024px){
-  .commercial-banner {
-    padding-bottom: 0;
-  }
-  .full-container h1 {
-    margin-top: 0;
-  }
+  .full-container h1,
   .pricing-model h2 {
     margin-top: 0;
   }