hero animations

layouts/partials/sections/hero/index.html

@@ -2,7 +2,7 @@
 <section id="hero" class="py-5">
     <div class="container px-3 px-sm-5 px-md-5 px-lg-5 pt-lg-3">
         <div class="row">
-            <div class="col-sm-12 col-md-12 col-lg-8" id="primary-font">
+            <div class="col-sm-12 col-md-12 col-lg-8 content" id="primary-font">
                 <span class="subtitle">
                     {{ .Site.Params.hero.intro }}
                 </span>

layouts/partials/sections/projects.html

@@ -2,7 +2,7 @@
 <section id="projects" class="py-5">
     <div class="container">
         <h3 class="text-center">Projects</h3>
-        <div class="row justify-content-center px-3 ">
+        <div class="row justify-content-center px-3 px-md-5">
             {{ range .Site.Params.projects.items }}
             <div class="col-lg-4 col-md-6 my-3">
                 <div class="card my-3 h-100" title="{{ .title }}">