diff --git a/css/style.css b/css/style.css
index 82db9c8..373c6ba 100644
--- a/css/style.css
+++ b/css/style.css
@@ -16,16 +16,16 @@
 }
 
 .container .navbar-brand {
- 	height: 80px;
+	height: 80px;
 }
 
 .container .nav >li >a {
-  	padding-top: 30px;
-  padding-bottom: 30px;
+	padding-top: 30px;
+	padding-bottom: 30px;
 }	
 .container .navbar-toggle {
-  	padding: 10px;
-  	margin: 25px 15px 25px 0;
+	padding: 10px;
+	margin: 25px 15px 25px 0;
 }
 
 .navbar-inverse {
@@ -58,11 +58,11 @@
 }
 
 .navbar-brand {
-  	padding: 0px;
+	padding: 0px;
 }
 .navbar-brand>img {
-  	height: 100%;
-  	width: auto;
+	height: 100%;
+	width: auto;
 }
 
 .mainlogosvg {
@@ -117,14 +117,16 @@ ul > li {
 }
 
 .wrapper h2 {
-	color: white;
-	font-size: 25px;
-	font-weight: normal;
+	color: rgba(233, 219, 219, 0.906);
+	font-size: 75px;
+	font-weight:700 ;
 }
 
 .wrapper p {
-	margin-top: -25px;
-	color: #fff;
+	font-size: 22px;
+	font-weight: 500;
+	margin-top: -10px;
+	color: #8bcdf7;
 	text-shadow: 1px 1px 1px #000;
 }
 
@@ -158,50 +160,51 @@ h2 {
 h1,
 h2,
 h3 {
-  margin: 0;
-  padding: 1em 0;
-  text-shadow: 1px 1px 1px #000;
+	margin: 0;
+	padding: 1em 0;
+	text-shadow: 1px 1px 1px #000;
 }
 
 p {
-  margin: 0;
-  padding: 2em 2em;
+	margin: 0;
+	padding: 2em 2em;
 }
 
 /* Button Settings for Landing Page */
 .btn1 {
-  display: block;
-  background: #333;
-  width: 45%;
-  position: relative;
-  color: #fff;
-  text-decoration: none;
-  padding: 1em 2em;
-  border: 1px solid #666;
-  margin: 0 auto;
+	display: block;
+	background: #333;
+	width: 45%;
+	position: relative;
+	color: #fff;
+	text-decoration: none;
+	padding: 1em 2em;
+	border: 1px solid #666;
+	margin: 0 auto;
+	border-radius: 10px;
 }
 
 .btn1:hover {
-  background: #eaeaea;
-  color: #333;
+	background: #eaeaea;
+	color: #333;
 }
 
 /* Button Global Settings */
 .btn {
-  display: block;
-  background: #333;
-  width: 45%;
-  position: relative;
-  color: #fff;
-  text-decoration: none;
-  padding: 1em 2em;
-  border: 1px solid #666;
-  margin: 0 auto;
+	display: block;
+	background: #333;
+	width: 45%;
+	position: relative;
+	color: #fff;
+	text-decoration: none;
+	padding: 1em 2em;
+	border: 1px solid #666;
+	margin: 0 auto;
 }
 
 .btn:hover {
-  background: #eaeaea;
-  color: #333;
+	background: #eaeaea;
+	color: #333;
 }
 
 
@@ -209,26 +212,26 @@ p {
 
 /* Header Showcase */
 #showcase {
-  min-height: 550px;
-  text-align: center;
-  text-shadow: 1px 1px 1px #000;
+	min-height: 550px;
+	text-align: center;
+	text-shadow: 1px 1px 1px #000;
 }
 
 #showcase .bg-image {
-  position: absolute;
-  background: #333 url("img/people.jpeg");
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: cover;
-  width: 100%;
-  height: 550px;
-  z-index: -1;
-  opacity: 0.8;
+	position: absolute;
+	background: #333 url("img/people.jpeg");
+	background-position: center;
+	background-repeat: no-repeat;
+	background-size: cover;
+	width: 100%;
+	height: 550px;
+	z-index: -1;
+	opacity: 0.8;
 }
 
 #showcase .content-wrap,
 #section-a .content-wrap {
-  padding: 0 1.5em;
+	padding: 0 1.5em;
 }
 
 #showcase {
@@ -244,12 +247,16 @@ p {
 }
 
 #showcase h1 {
-  padding-top: 100px;
-  padding-bottom: 0;
-  color: #fff;
+	font-size: 45px;
+	font-weight: 700;
+	padding-top: 100px;
+	padding-bottom: 0;
+	color: #fff;
 }
 
 #showcase p {
+	font-size: 26px;
+	font-weight: 400;
 	color: #fff;
 }
 
@@ -265,12 +272,14 @@ p {
 
 #trial h1 {
 	font-size: 2em;
+	font-weight: 600;
 	color: #fff;
 }
 
 #trial p {
 	margin-top: -15px;
-	font-size: 1em;
+	font-size: 1.3em;
+	font-weight: 400;
 	color: #fff;
 }
 
@@ -303,6 +312,14 @@ p {
     left: 50%;
     transform: translate(-50%, -50%);
 }
+#content .hero{
+	display: grid;
+	grid-template-columns:repeat(2, 1fr);
+	grid-gap: 2rem;
+	align-items: center;
+	justify-content: center;
+	text-align: center;
+}
 
 
 
@@ -319,7 +336,7 @@ p {
 
 #newsletter {
 	padding: 0 15px;
-	height: 450px;
+	height: 50%;
 	background-color: indianred;
 }
 
diff --git a/home.html b/home.html
index 2250185..970b3da 100644
--- a/home.html
+++ b/home.html
@@ -71,13 +71,18 @@ <h1>FREE TRIAL</h1>
 
 		<!-- History -->
 		<section id="banner">
-			<div class="hero">
-				<h1>History of Gym</h1>
-				<img src="img/oldgym.jpeg" style="width:100%;" border="0" alt="Null">
-				<p>A gym, also referred as gymnasium, is an open air or covered location for gymnastics, athletics, and gymnastic services. The word is derived from the ancient Greek gymnasium. They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions. "Gym" is also slang for "fitness center", which is often an indoor facility.
-
-				Gymnasia apparatus such as barbells, parallel bars, jumping board, running path, tennis-balls, cricket field, fencing area, and so forth are used as exercises. In safe weather, outdoor locations are the most conducive to health. Gyms were popular in ancient Greece. Their curricula included Gymnastica militaria or self-defense, gymnastica medica, or physical therapy to help the sick and injured, and gymnastica athletica for physical fitness and sports, from boxing to dancing.</p>
+			<div id="content">
+				<div class="hero">
+					<div>
+						<h1>History of Gym</h1>
+						<p>A gym, also referred as gymnasium, is an open air or covered location for gymnastics, athletics, and gymnastic services. The word is derived from the ancient Greek gymnasium. They are commonly found in athletic and fitness centers, and as activity and learning spaces in educational institutions. "Gym" is also slang for "fitness center", which is often an indoor facility.
+		
+						Gymnasia apparatus such as barbells, parallel bars, jumping board, running path, tennis-balls, cricket field, fencing area, and so forth are used as exercises. In safe weather, outdoor locations are the most conducive to health. Gyms were popular in ancient Greece. Their curricula included Gymnastica militaria or self-defense, gymnastica medica, or physical therapy to help the sick and injured, and gymnastica athletica for physical fitness and sports, from boxing to dancing.</p>
+					</div>
+					<img src="img/oldgym.jpeg" style="width:100%;" border="0" alt="Null">
+				</div>
 			</div>
+			
 		</section>
 
 		<!-- Member's Gallery -->
@@ -139,6 +144,7 @@ <h2>Sign up for our EXCLUSIVE TRAINING Tips, Offers and Discounts</h2>
 				</div>
 			</div>
 		</footer>
+	
 
 	<!-- Import Jquery -->
 	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>