diff --git a/about.html b/about.html
index ba5ac19..541f9df 100755
--- a/about.html
+++ b/about.html
@@ -45,6 +45,17 @@ <h1 class="section-header">A Quick Overview of Variable Fonts and Color Fonts<br
         <div class="caption centered">Examples of Variable Fonts and Color Fonts</div>
       </div>
     </div>
+    <div class="_8-4-col w-row">
+      <div class="column-7 w-col w-col-8">
+        <h1 class="article-subhead">Use Anicons for your design projects</h1>
+        <h2 class="section-header">Incorporate Anicons into Designs<br></h2>
+        <p class="content">Easily incorporate Anicons into design projects by installing Anicons font files onto your machine. The downloaded Anicons project file comes with static versions of the icon font with two weights: Start and End. The static versions of Anicons work in design software that doesn’t support variable fonts or color fonts.<br></p><img src="https://uploads-ssl.webflow.com/5e13683948d7ea84d0eb3f6d/5e162eb5496c0181143157b3_AniconStatStart.png" width="390" alt="">
+        <div class="caption caption-left">Start shows the icon font at the starting stage of the animation</div>
+        <h2 class="section-header">On the Web</h2>
+        <p class="content">Embed Anicons fonts into a webpage by copying the Anicons stylesheet into the &lt;head&gt; of the HTML. Add CSS to see Anicons in action!<br><br>Like with a regular font, use the @font-face declaration to first load the font. Use CSS code (font-variation-settings, hover or @keyframe) to make the icon font animations come alive. Play with code and animations on our <a href="https://anicons.webflow.io/use">How to Use page</a>. Download the project and see more detailed information on <a href="https://github.com/Typogram/Varicons#">Github.</a><br><br></p>
+      </div>
+      <div class="w-col w-col-4"></div>
+    </div>
     <div class="_8-4-col w-row">
       <div class="column-7 w-col w-col-8">
         <h1 class="article-subhead">Create your own Anicons</h1>
@@ -85,17 +96,6 @@ <h1 class="section-subhead">Two-Tone Icons</h1>
     <div class="article-image-container"><img src="images/ContentPage-5.png" width="860" srcset="images/ContentPage-5-p-500.png 500w, images/ContentPage-5-p-800.png 800w, images/ContentPage-5-p-1080.png 1080w, images/ContentPage-5-p-1600.png 1600w, images/ContentPage-5-p-2000.png 2000w, images/ContentPage-5-p-2600.png 2600w, images/ContentPage-5-p-3200.png 3200w, images/ContentPage-5.png 6660w" sizes="(max-width: 767px) 96vw, 92vw" alt="" class="image">
       <div class="caption centered">Two-tone icons must be separated by colors</div>
     </div>
-    <div class="_8-4-col w-row">
-      <div class="column-7 w-col w-col-8">
-        <h1 class="article-subhead">Use Anicons for your design projects</h1>
-        <h2 class="section-header">Incorporate Anicons into Designs<br></h2>
-        <p class="content">Easily incorporate Anicons into design projects by installing Anicons font files onto your machine. The downloaded Anicons project file comes with static versions of the icon font with two weights: Start and End. The static versions of Anicons work in design software that doesn’t support variable fonts or color fonts.<br></p><img src="https://uploads-ssl.webflow.com/5e13683948d7ea84d0eb3f6d/5e162eb5496c0181143157b3_AniconStatStart.png" width="390" alt="">
-        <div class="caption caption-left">Start shows the icon font at the starting stage of the animation</div>
-        <h2 class="section-header">On the Web</h2>
-        <p class="content">Embed Anicons fonts into a webpage by copying the Anicons stylesheet into the &lt;head&gt; of the HTML. Add CSS to see Anicons in action!<br><br>Like with a regular font, use the @font-face declaration to first load the font. Use CSS code (font-variation-settings, hover or @keyframe) to make the icon font animations come alive. Play with code and animations on our <a href="https://anicons.webflow.io/use">How to Use page</a>. Download the project and see more detailed information on <a href="https://github.com/Typogram/Varicons#">Github.</a><br><br></p>
-      </div>
-      <div class="w-col w-col-4"></div>
-    </div>
   </div>
   <footer class="footer">
     <div class="container-3 w-container">
@@ -110,4 +110,4 @@ <h2 class="section-header">On the Web</h2>
   <!--  embed JS from Codepen: About  -->
   <script src="https://codepen.io/wendyz/pen/qBEwBxo.js"></script>
 </body>
-</html>
\ No newline at end of file
+</html>