add new video, adust centering

Author: ShMcK

Diff for: _sass/_custom.scss

@@ -21,7 +21,6 @@ a.smooth:hover {
   width: 90%;
 }
 
-
 /* Portrait */
 @media (max-width: 850px) {
   .edit-docs {

Diff for: index.html

@@ -38,12 +38,12 @@ <h2>{{summary.title}}</h2>
 
   <!-- Feature: Atom-CodeRoad -->
   <section class="spotlight wide">
-		<div class="image">
+		<div class="image" style="display: flex; justify-content: center;">
         <iframe
           width="574px"
           height="328px"
           src=""
-          data-src="https://www.youtube.com/embed/DbLpdgrYVOU"
+          data-src="https://www.youtube.com/embed/PkhjmNLM5uE"
           frameborder="0"
           allowfullscreen></iframe>
     </div>
@@ -60,15 +60,15 @@ <h2>Tutorials in your Code Editor</h2>
   <!-- Feature: Tutorial -->
 
   <section class="spotlight wide">
-		<div class="image">
-      <center style="margin: 0 auto; text-transform: uppercase; letter-spacing: .225em; border: solid 1px white; border-radius: 5%; padding: 10px; width: 250px">
+		<div class="image" style="display: flex; justify-content: center;">
+      <div style="text-align: center; text-transform: uppercase; letter-spacing: .225em; border: solid 1px white; border-radius: 5%; padding: 10px; width: 250px;">
         <h2>Tutorial</h2>
         <span>Markdown</span><br />
         <span>+</span><br />
-        <span>Unit Tests</span><br />
+        <span>Tests</span><br />
         <span>+</span><br />
         <span>Config</span>
-      </center>
+      </div>
     </div>
     <div class="content">
 			<h2>Create your Own Tutorials</h2>