Alignment & header intro size

src/components/property/propertyPage.vue

       <br />
       <br />
       <br />
-      <br />
       <div class="row">
         <div class="col-md-12 col-lg-8">
           <div class="title-box-d">
-            <h1 class="title-d" style="text-align:left;">{{ property.shortDescription }}</h1>
+            <h1
+              class="title-d"
+              style="text-align:left; font-size: 250%"
+            >{{ property.shortDescription }}</h1>
           </div>
         </div>
       </div>
                     </div>
                   </div>
                 </div>
-                <div class="property-description" v-html="property.description" />
+                <div
+                  class="property-description"
+                  style="text-align:left"
+                  v-html="property.description"
+                />
                 <div v-for="display in property.displayData" :key="display.id">
-                  <div class="row section-t3">
+                  <div class="row section-t3" style="text-align:left">
                     <div class="col-sm-12">
                       <div class="title-box-d">
                         <h3 class="title-d">{{ display.groupName }}</h3>
                               </div>
                             </div>
                             <div class="col-md-12">
-                              <button type="submit" class="btn btn-a">Send Message</button>
+                              <button type="submit" class="btn btn-b-n">Send Message</button>
                             </div>
                           </div>
                         </form>
+                        <br />
                       </div>
                     </div>
                   </div>

src/components/timeshare/resort/resortPage.vue

 <template>
   <!-- eslint-disable max-len -->
   <section>
-    <div class="container intro-single">
+    <div class="container">
+      <br />
+      <br />
+      <br />
+      <br />
       <div class="row">
         <div class="col-md-12 col-lg-8">
-          <div class="title-single-box">
-            <h1 class="title-single" style="text-align:left;">{{resort.prName}}</h1>
+          <div class="title-box-d">
+            <h1 class="title-d" style="text-align:left; font-size: 250%">{{resort.prName}}</h1>
           </div>
           <br />
         </div>
     <div class="myMargin">
       <div class="row">
         <div class="col-md-3">
-          <h3>Filter Resort</h3>
+          <h4>Filter Resort</h4>
           <form
             id="mainForm"
             method="POST"

src/components/timeshare/resort/unitPage.vue

     <br />
     <br />
     <br />
-    <br />
     <div class="row">
       <div class="col-md-12 col-lg-8">
         <div class="title-box-d">
-          <h1 class="title-d" style="text-align:left;">{{resort.prName}}</h1>
+          <h1 class="title-d" style="text-align:left; font-size: 250%">{{resort.prName}}</h1>
         </div>
         <br />
       </div>