redid animation trigger locations

Author: mpliang

css/style.css

@@ -593,8 +593,12 @@ input.gn-search:focus {
 
 .boxed-grey {
   background: #eee;
+  /*margin-bottom: 15px;*/
+  /*margin-left: auto;
+  margin-right: auto;*/
   padding: 20px;
   height: 265px;
+  /*width: 325px;*/
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);
 }
 

index.html

@@ -93,11 +93,11 @@ <h1>Michael Liang</h1>
           <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
               <div class="section-heading">
-                <h2 class="wow slideInLeft" data-wow-duration="2s" data-wow-offset="4">About me</h2>
-                <p class="wow slideInRight" data-wow-duration="2s" data-wow-offset="5">I am a 26 year old full stack web developer currently living in the San Francisco Bay Area, passionate about designing functional and responsive web applications. I am always eager to learn more and experiment with the latest frameworks
+                <h2 class="wow slideInLeft" data-wow-duration="2s" data-wow-offset="200">About me</h2>
+                <p class="wow slideInRight" data-wow-duration="2s" data-wow-offset="100">I am a 26 year old full stack web developer currently living in the San Francisco Bay Area, passionate about designing functional and responsive web applications. I am always eager to learn more and experiment with the latest frameworks
                   and libraries. I have experience developing everything from small framework modules to full stack web and mobile applications.</p>
               </div>
-              <div class="wow fadeInDown" data-wow-delay="1s" data-wow-duration="2s" data-wow-offset="5">
+              <div class="wow fadeInDown" data-wow-delay="1s" data-wow-duration="2s" data-wow-offset="100">
                 <button type="button" class="btn btn-skin" id="Resume" data-toggle="modal" data-target="#resumeModal">
                   Resume
                 </button>
@@ -114,12 +114,12 @@ <h2 class="wow slideInLeft" data-wow-duration="2s" data-wow-offset="4">About me<
           <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
               <div class="section-heading">
-                <h2 class="wow bounceInDown" data-wow-duration="2s" data-wow-offset="10">Skills</h2>
+                <h2 class="wow bounceInDown" data-wow-duration="2s" data-wow-offset="200">Skills</h2>
               </div>
 
             </div>
           </div>
-          <div class="row wow slideInRight" data-wow-duration="2s" data-wow-offset="5">
+          <div class="row wow slideInRight" data-wow-duration="2s" data-wow-offset="100">
             <div class="col-xs-12 col-sm-12 col-md-4">
               <div class="team boxed-grey">
                 <div class="inner">
@@ -205,14 +205,14 @@ <h5>Other</h5>
           <div class="row">
             <div class="col-lg-8 col-lg-offset-2">
 
-              <div class="wow slideInDown section-heading" data-wow-duration="2s" data-wow-offset="5">
+              <div class="wow slideInDown section-heading" data-wow-duration="2s" data-wow-offset="300">
                 <h2>Projects</h2>
               </div>
 
             </div>
           </div>
-          <div class="wow slideInLeft row">
-            <div class="col-xs-12 col-sm-3 col-md-3">
+          <div class="wow slideInLeft row" data-wow-duration="2s" data-wow-offset="200">
+            <div class="col-xs-12 col-sm-6 col-md-3">
               <a href="http://mpliang.github.io/React-Weather/">
                 <div class="team boxed-grey">
                   <div class="inner">
@@ -227,7 +227,7 @@ <h5>Weather Forecast</h5>
                 </div>
               </a>
             </div>
-            <div class="col-xs-12 col-sm-3 col-md-3">
+            <div class="col-xs-12 col-sm-6 col-md-3">
               <a href="http://mpliang.github.io/Pokemon-Shelter/#/">
                 <div class="team boxed-grey">
                   <div class="inner">
@@ -243,7 +243,7 @@ <h5>Pokemon Shelter</h5>
               </a>
             </div>
 
-            <div class="col-xs-12 col-sm-3 col-md-3">
+            <div class="col-xs-12 col-sm-6 col-md-3">
               <a href="http://angulartodo-app.herokuapp.com/#/todo">
                 <div class="team boxed-grey">
                   <div class="inner">
@@ -259,7 +259,7 @@ <h5>ToDo App</h5>
               </a>
             </div>
 
-            <div class="col-xs-12 col-sm-3 col-md-3">
+            <div class="col-xs-12 col-sm-6 col-md-3">
               <a href="https://alumni-network.herokuapp.com/">
                 <div class="team boxed-grey">
                   <div class="inner">