diff --git a/css/queries.css b/css/queries.css
index 59c455afc6..8bed33f81d 100644
--- a/css/queries.css
+++ b/css/queries.css
@@ -74,13 +74,14 @@
         -webkit-transition: all 300ms ease-in-out;
         transition: all 300ms ease-in-out
     }
-
+    
     nav ul li {
         margin-bottom: 25px
     }
 
     nav ul.primary-nav li {
         display: block;
+
     }
 
     nav ul.member-actions li {
@@ -139,12 +140,15 @@
         transform: translate3d(0, 0, 0)
     }
 
-    nav ul.primary-nav li:first-child {
-        -moz-transition-delay: 0.05s;
-        -o-transition-delay: 0.05s;
-        -webkit-transition-delay: 0.05s;
-        transition-delay: 0.05s
+    nav ul.primary-nav li:hover {
+    	-moz-transition-delay: 0.1s;
+        -o-transition-delay: 0.1s;
+        -webkit-transition-delay: 0.1s;
+        transition-delay: 0.1s
     }
+        
+
+    
 
     nav ul.primary-nav li:nth-child(2) {
         -moz-transition-delay: 0.1s;
@@ -363,4 +367,21 @@
     .rsvp {
         padding-top: 20px;
     }
+}
+.font-para-1{
+	font-weight: 600;
+}
+.sec-headings{
+	color:black !important;
+	font-weight: 500;
+	font-size: 150%;
+}
+.event-heading{
+	font-size: 300%;
+	font-weight: bolder;
+	margin-bottom:3rem;
+
+}
+.button-margin{
+	margin:1rem 0;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index a1802ae456..69c1224cc9 100755
--- a/index.html
+++ b/index.html
@@ -88,7 +88,7 @@
 <section id="invitation" class="section-padding">
     <div class="container">
         <div class="row">
-            <div class="col-md-12 text-center">
+            <div class="col-md-12 text-center text-success font-para-1">
                 <h3>We are getting hitched</h3>
                 <p>The dates are 27<sup>th</sup> & 28<sup>th</sup> of November '17 and we would like you to be a part of
                     it.</p>
@@ -108,7 +108,7 @@ <h3 class="header">How we met</h3>
         <div class="row">
             <div class="col-md-3 hidden-sm hidden-xs"><img src="img/IMG_2317.jpg" class="wp1"></div>
             <div class="col-md-6">
-                <p>
+                <p class=" text-success font-para-1">
                     I first saw Antara in the Fall of 2008 when we started our undergrad. I was instantly attracted to
                     her but was far too nervous to speak to her. I had told my friend I liked her and news had traveled
                     fast and she soon found out. Her first reaction was "Who is Ram?" and she began searching for me in
@@ -126,11 +126,11 @@ <h3 class="header">How we met</h3>
     </div>
 </section>
 
-<section class="events section-padding" id="events">
+<section class="events section-padding " id="events">
     <div class="container">
         <div class="row">
             <div class="col-md-12">
-                <h3 class="header">Events</h3>
+                <h3 class="event-heading text-center text-uppercase">Events</h3>
             </div>
         </div>
         <div class="row">
@@ -138,16 +138,16 @@ <h3 class="header">Events</h3>
                 <div class="wp3">
                     <p><strong>27th November</strong></p>
 
-                    <h5>Mehndi <span class="time">1PM - 5PM</span></h5>
-                    <p>It's one of the oldest traditional Indian pre wedding ceremony where the bride and groom
+                    <h5  class="sec-headings">Mehndi <span class="time">1PM - 5PM</span></h5>
+                    <p class="text-success">It's one of the oldest traditional Indian pre wedding ceremony where the bride and groom
                         attend the event together and a professional mehndi artist applies
                         mehndi to the bride's hands and feet. This will be having a celebratory
                         festival feel to it with people wearing vibrant clothes and dancing, singing, playing
                         games and a lot more.</p>
                 </div>
                 <div class="wp5">
-                    <h5>Cocktail Night <span class="time">7PM - 12AM</span></h5>
-                    <p>This event is no way close to ethnic. The bride & groom would like to have some "shots before the
+                    <h5  class="sec-headings">Cocktail Night <span class="time">7PM - 12AM</span></h5>
+                    <p class="text-success">This event is no way close to ethnic. The bride & groom would like to have some "shots before the
                         knot". With booze flowing down the floor and the western attire on, everyone would be busy
                         showing off their new moves on the stage which they have finely honed. Lastly, expect some beer
                         pong matches & karaoke for sure.</p>
@@ -157,15 +157,15 @@ <h5>Cocktail Night <span class="time">7PM - 12AM</span></h5>
                 <div class="wp4">
                     <p><strong>28th November</strong></p>
 
-                    <h5>Haldi <span class="time">10AM-11AM</span></h5>
-                    <p>The haldi ceremony is usually held separately for the bride and the groom. This one is for the
+                    <h5  class="sec-headings">Haldi <span class="time">10AM-11AM</span></h5>
+                    <p class="text-success">The haldi ceremony is usually held separately for the bride and the groom. This one is for the
                         bride. It is a low-key event that involves the application of turmeric paste on the hands, legs
                         and face of the bride. The groom is not allowed to see the bride after this ritual until the
                         final wedding ceremony starts.</p>
                 </div>
                 <div class="wp6">
-                    <h5>Wedding <span class="time">6PM-12AM</span></h5>
-                    <p>This is the main event in the entire wedding when the bride and the groom tie the
+                    <h5 class="sec-headings">Wedding <span class="time">6PM-12AM</span></h5>
+                    <p class="text-success">This is the main event in the entire wedding when the bride and the groom tie the
                         knot. The groom comes with the barat and is greeted by the bride side with some dhol of course
                         as maximum number of guests would be attending this event. This is when the couple circle the
                         sacred fire and are finally declared husband and wife.</p>
@@ -338,20 +338,20 @@ <h3 class="header">Engagement Pics</h3>
     <div id="bgndVideo" class="player"
          data-property="{videoURL:'https://youtu.be/9giqL1H6yRs',containment:'#video-bg',autoPlay:true, mute:true, showControls:false, startAt:80, stopAt:259, opacity:1}">
     </div>
-    <div id="video-content">
-        <h5>Kolkata</h5>
+    <div id="video-content" class="font-para-1">
+        <h5 >Kolkata</h5>
         <p>City of joy</p>
     </div>
 </section>
 
 <section id="map" class="section-padding">
-    <div class="text-center">
+    <div class="text-center font-para-1">
         <h3>How do I get there?</h3>
         <p>It's way easier than you think!</p>
     </div>
     <div id="map-canvas"></div>
     <div id="map-content-wrapper" class="container pointer-events-none">
-        <div class="row">
+        <div class="row ">
             <div class="col-xs-offset-1 col-xs-10 col-md-offset-3 col-md-6">
                 <div class="text-center">
                     <div id="btn-show-content" class="toggle-map-content pointer-events-auto">
@@ -405,8 +405,8 @@ <h3>Thank you!</h3>
         </div><!-- /.modal-dialog -->
     </div><!-- /.modal -->
 
-    <div class="container">
-        <div class="row">
+    <div class="container-fluid bg-danger text-white">
+        <div class="row >
             <div class="col-md-6 col-md-offset-3">
                 <h3>What are you waiting for?</h3>
                 <p>We would greatly appreciate if you could RSVP before 1st of November '17</p>
@@ -447,13 +447,13 @@ <h3>What are you waiting for?</h3>
                             </div>
                         </div>
                     </div>
-                    <div class="row">
+                    <div class="row mb-3">
                         <div class="col-md-12" id="alert-wrapper"></div>
                     </div>
-                    <button class="btn-fill rsvp-btn">
+                    <a href="#" class="btn btn-success btn-block button-margin">
                         Yes,
                         that's me!
-                    </button>
+                    </a>
                 </form>
             </div>
         </div>