Resort Page - Weeks lvw made wider

src/components/timeshare/resort/resortPageNew.vue

@@ -1,9 +1,9 @@
 <template>
   <div>
     <carouselSection v-if="!wait" :resortImages="resort.images" />
-    <main id="main" style="margin-top:-20px">
+    <main id="main" style="margin-top:-20px;">
       <section>
-        <div class="container">
+        <div class="container wider">
           <div class="row" id="resort-profile">
             <div class="col-md-3">
               <img src="img/listings/property1/property1-gallery.jpg" class="img-fluid" alt />
@@ -18,7 +18,7 @@
               <gallerySection :images="resort.images" />
               <FilterComponent :hideTop="true" />
             </div>
-            <div class="col-md-9 p-5 resort-profile">
+            <div class="col-md-9 resort-profile" style="margin-top:15px; margin-bottom:15px;">
               <h2>{{ resort.prName }}</h2>
               <WeekList :resortCode="resortCode" />
               <p v-if="resort.description && resort.description !== ''">{{ resort.description }}</p>
@@ -97,4 +97,8 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.wider {
+  width: 1600px;
+}
+</style>