Update news section with April 4 webinar video (#14109)

website/source/assets/stylesheets/_home.scss

@@ -214,6 +214,7 @@
       img {
         box-shadow: 5px 5px 0 rgba(0, 0, 0, 0.25);
         margin: 0 0 20px 0;
+        max-width: 100%;
       }
 
       h2 {
@@ -227,14 +228,18 @@
       }
 
       div.latest-item {
-        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
-        margin-bottom: 20px;
-        padding-bottom: 20px;
-
-        &:last-child {
-          border: none;
-          margin-bottom: 0;
-          padding-bottom: 0;
+        + .latest-item {
+          border-top: 1px solid rgba(white, .5);
+          margin-top: 20px;
+          padding-top: 20px;
+        }
+
+        @media (max-width: $screen-sm-max) {
+          &:last-child {
+            border-bottom: 1px solid rgba(white, .5);
+            margin-bottom: 20px;
+            padding-bottom: 20px;
+          }
         }
 
         p {

website/source/index.html.erb

@@ -178,12 +178,12 @@ description: |-
       </div>
       <div class="col-md-5 col-sm-12">
         <div class="latest-item">
-          <h3>Coming Soon!</h3>
+          <%= image_tag 'news/webinar-Terraform-4-4-2017.png', :alt=>'Webinar April 4, 2017, 10:00 AM PST' %>
+          <h3>Webinar: Multi-Cloud, One Command with Terraform</h3>
           <p>
-            We have some exciting new announcements planned for Terraform. Check
-            back soon to learn more.
+            Watch our recent webinar with Mitchell Hashimoto to learn how Terraform provisions infrastructure across different clouds using a consistent workflow.
           </p>
-          <p>
+          <a class="button" href="https://youtu.be/nLg7fpVcIv4" target="_blank">Watch Now</a>
         </div>
       </div>
       <div class="col-md-offset-1 col-md-6 col-sm-12">