From 1fdea6039bc8a2039f8f29900ee7b36641f1f2cc Mon Sep 17 00:00:00 2001
From: scotty <scott@unitedcreations.com>
Date: Mon, 7 Mar 2016 13:24:07 -0800
Subject: [PATCH] video close button

---
 _sass/_base.sass    | 30 +++++++++++++++++++++++++++++-
 _sass/_desktop.sass |  1 +
 index.html          |  2 +-
 3 files changed, 31 insertions(+), 2 deletions(-)

diff --git a/_sass/_base.sass b/_sass/_base.sass
index a6eba59f62..c32eefa90e 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -1216,13 +1216,41 @@ $feature-box-div-margin-bottom: 40px
 
 #videoPlayer
 	@include fullScreen
-	background-color: rgba(0, 0, 0, 0.75)
+	background-color: rgba(0, 0, 0, 0.9)
 	display: none
 
 	iframe
 		@include pureCenter
 		@include maintain-aspect-ratio
 
+	#closeButton
+		position: absolute
+		top: 20px
+		right: 20px
+		width: 50px
+		height: 50px
+		border: 2px solid transparent
+		transition: 0.3s
+
+		&:before, &:after
+			content: ""
+			position: absolute
+			top: calc(50% - 1px)
+			left: 10%
+			width: 80%
+			height: 2px
+			background-color: white
+
+		&:before
+			transform: rotate(45deg)
+
+		&:after
+			transform: rotate(-45deg)
+
+		&:hover
+			border-color: white
+
+
 
 
 // Features
diff --git a/_sass/_desktop.sass b/_sass/_desktop.sass
index 4158cf0955..6e08566b1c 100644
--- a/_sass/_desktop.sass
+++ b/_sass/_desktop.sass
@@ -38,6 +38,7 @@ $video-section-height: 550px
 		background-size: cover
 
 
+
 	#talkToUs
 		h4
 			br
diff --git a/index.html b/index.html
index 67738c9929..7cac5b39c3 100644
--- a/index.html
+++ b/index.html
@@ -161,7 +161,7 @@ title: Accelerate Your Delivery
 
 <div id="videoPlayer">
 	<iframe data-url="https://www.youtube.com/embed/WwBdNXt6wO4?autoplay=1" frameborder="0" allowfullscreen></iframe>
-	<button class="close-button">foo</button>
+	<button id="closeButton"></button>
 </div>
 
 <style>