diff --git a/css/home.css b/css/home.css
index 4c922e8..dff32f0 100644
--- a/css/home.css
+++ b/css/home.css
@@ -10,258 +10,259 @@
 
 html,
 body {
-  margin: 0;
-  padding: 0;
+	margin: 0;
+	padding: 0;
 }
 
 .section {
-  width: 100%;
+	width: 100%;
 }
 
 .container {
-  position: relative;
-  width: 1170px;
-  margin: 0 auto;
-  color: #444;
-  font-size: 14px;
-  font-weight: 300;
-  font-family: Roboto, 'Open Sans', Arial, sans-serif;
-  overflow: hidden;
+	position: relative;
+	width: 1170px;
+	margin: 0 auto;
+	color: #444;
+	font-size: 14px;
+	font-weight: 300;
+	font-family: Roboto, 'Open Sans', Arial, sans-serif;
+	overflow: hidden;
 }
 
 .section .container {
-  padding: 30px 0 50px 0;
+	padding: 30px 0 50px 0;
+	height: 100%;
 }
 
 .section.bg {
-  background: #dfdfdf;
+	background: #dfdfdf;
 }
 /*
   Header
 */
 
-.hold {
-  height: 80px;
-}
+/* .hold {
+	height: 80px;
+} */
 
 .header {
-  line-height: 80px;
-  width: 100%;
-  transition: line-height 0.2s linear, box-shadow 0.2s linear;
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: 100;
-  background: rgba(245, 245, 245, 0.97);
+	line-height: 80px;
+	width: 100%;
+	transition: line-height 0.2s linear, box-shadow 0.2s linear;
+	position: fixed;
+	top: 0;
+	left: 0;
+	z-index: 100;
+	background: rgba(245, 245, 245, 0.97);
 }
 
 .header.small {
-  line-height: 50px;
-  box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.8);
+	line-height: 50px;
+	box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.8);
 }
 
 .header.small > .container > #logo {
-  height: 40px;
+	height: 40px;
 }
 
 #logo {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  /*background: red;*/
-  float: left;
-  height: 40px;
-  width: 191px;
-  margin-left: 5px;
+	position: absolute;
+	top: 50%;
+	transform: translateY(-50%);
+	/*background: red;*/
+	float: left;
+	height: 40px;
+	width: 191px;
+	margin-left: 5px;
 }
 
 ul.nav {
-  float: right;
-  list-style: none;
-  margin: 0;
-  padding: 0;
+	float: right;
+	list-style: none;
+	margin: 0;
+	padding: 0;
 }
 
 ul.nav li {
-  float: left;
-  position: relative;
+	float: left;
+	position: relative;
 }
 
 ul.nav li a {
-  transition: color 0.2s linear;
-  font-size: 18px;
+	transition: color 0.1s linear;
+	font-size: 18px;
 }
 
 ul.nav li:hover a {
-  color: blue;
+	background-color: #aaa;
+	color: white;
 }
 
 ul.nav li a {
-  padding: 21px;
-  color: initial;
-  text-decoration: initial;
+	padding: 21px;
+	color: initial;
+	text-decoration: initial;
 }
 /*
   Slider
 */
 
-.section{
-  background-color: white;
-  height: 660px;
+.section {
+	background-color: white;
+	height: 660px;
 }
 .section .footer {
-  background: #333;
+	background: #333;
 }
 
 .slidercontent {
-  text-align: center;
+	text-align: center;
 }
 
 .hero {
-  font-family: 'Roboto Slab', sans-serif;
-  color: white;
-  font-weight: normal;
-  letter-spacing: 1px;
+	font-family: 'Roboto Slab', sans-serif;
+	color: white;
+	font-weight: normal;
+	letter-spacing: 1px;
 }
-.slider{
-  height: 670px;
-  background: linear-gradient(to bottom, #262673,#333399, #ff99cc)
+.slider {
+	height: 670px;
+	background: linear-gradient(to bottom, #262673, #333399, #ff99cc);
 }
 
-.second{
-  height: 950px;
+.second {
+	height: 1050px;
 }
 
-
 h1.hero {
-  font-size: 98px;
+	font-size: 98px;
 }
 
 h2.hero {
-  font-size: 30px;
-  margin-bottom: 60px;
+	font-size: 30px;
+	margin-bottom: 60px;
 }
 
 h1.hero:after {
-  content: "";
-  width: 300px;
-  position: relative;
-  border-bottom: 1px solid #aaa;
-  text-align: center;
-  margin: auto;
-  margin-top: 15px;
+	content: "";
+	width: 300px;
+	position: relative;
+	border-bottom: 1px solid #aaa;
+	text-align: center;
+	margin: auto;
+	margin-top: 15px;
 }
 
 .call {
-  color: white;
-  display: block;
-  margin-bottom: 20px;
+	color: white;
+	display: block;
+	margin-bottom: 20px;
 }
 
 .call span {
-  display: inline;
-  border: 1px solid white;
-  padding: 8px 13px;
-  font-size: 20px;
-  transition: background 0.15s linear;
+	display: inline;
+	border: 1px solid white;
+	padding: 8px 13px;
+	font-size: 20px;
+	transition: background 0.15s linear;
 }
 
 .call span:hover {
-  background: rgba(255, 255, 255, 0.1);
-  cursor: pointer;
+	background: rgba(255, 255, 255, 0.1);
+	cursor: pointer;
 }
 /* 
   Columns 
 */
 
 .col {
-  float: left;
-  padding: 0;
-  margin: 0;
-  position: relative;
+	float: left;
+	padding: 0;
+	margin: 0;
+	position: relative;
 }
 
 .col.four {
-  width: 23%;
-  margin: 0 1%;
+	width: 23%;
+	margin: 0 1%;
 }
 
 .col.three {
-  width: 31.3%;
-  margin: 0 1%;
+	width: 31.3%;
+	margin: 0 1%;
 }
 
 .col.two {
-  width: 40%;
-  margin: 0 2.5%;
-  padding: 0 2.5%;
+	width: 40%;
+	margin: 0 2.5%;
+	padding: 0 2.5%;
 }
 
 .col.extrapad {
-  padding-top: 20px;
-  padding-bottom: 20px;
+	padding-top: 20px;
+	padding-bottom: 20px;
 }
 
 .col .service,
 .col .feature {
-  font-size: 21px;
-  font-weight: 300;
-  font-family: 'Roboto Slab', sans-serif;
+	font-size: 21px;
+	font-weight: 300;
+	font-family: 'Roboto Slab', sans-serif;
 }
 
 .col .service:after {
-  content: "";
-  width: 50px;
-  position: relative;
-  border-bottom: 1px solid #eee;
-  display: block;
-  text-align: center;
-  margin: auto;
-  margin-top: 15px;
+	content: "";
+	width: 50px;
+	position: relative;
+	border-bottom: 1px solid #eee;
+	display: block;
+	text-align: center;
+	margin: auto;
+	margin-top: 15px;
 }
 
 .col .feature {
-  font-size: 19px;
+	font-size: 19px;
 }
 
 .col h1.side,
 .col p.side,
 .col span.side:first-of-type {
-  margin-left: 50px;
-  text-align: left;
+	margin-left: 50px;
+	text-align: left;
 }
 
 .col .icon {
-  border-radius: 50%;
-  height: 85px;
-  width: 85px;
-  line-height: 85px;
-  text-align: center;
-  margin: 0 auto;
-  transition: background 0.25s linear, color 0.25s linear;
+	border-radius: 50%;
+	height: 85px;
+	width: 85px;
+	line-height: 85px;
+	text-align: center;
+	margin: 0 auto;
+	transition: background 0.25s linear, color 0.25s linear;
 }
 
 .col .icon.side {
-  position: absolute;
-  padding: 0;
-  margin: 0;
-  top: -15px;
-  height: 50px;
-  width: 50px;
+	position: absolute;
+	padding: 0;
+	margin: 0;
+	top: -15px;
+	height: 50px;
+	width: 50px;
 }
 
 .col:hover > .icon {
-  background: blue;
-  color: white;
+	background: blue;
+	color: white;
 }
 
 .col:hover > .icon.side {
-  background: initial;
-  color: initial;
+	background: initial;
+	color: initial;
 }
 
 .responsivegroup {
-  display: none;
+	display: none;
 }
 /*
   Column specifics
@@ -269,75 +270,75 @@ h1.hero:after {
 
 .col p,
 .col h1 {
-  padding: 0 1%;
-  text-align: center;
+	padding: 0 1%;
+	text-align: center;
 }
 
 .group.margin {
-  margin-bottom: 80px;
+	margin-bottom: 80px;
 }
 
 .col .imgholder {
-  height: 300px;
-  width: 100%;
-  background: #333;
-  transition: background 0.3s linear;
+	height: 300px;
+	width: 100%;
+	background: #333;
+	transition: background 0.3s linear;
 }
 
 .col.bg {
-  background: #FFF;
+	background: #fff;
 }
 
 .col.pointer {
-  cursor: pointer;
+	cursor: pointer;
 }
 
 .col.bg:hover .imgholder {
-  background: #555;
+	background: #555;
 }
 
 .col span.feature {
-  font-size: 20px;
+	font-size: 20px;
 }
 /*
   Text
 */
 
 .container > h1:not(.hero) {
-  margin-bottom: 30px;
-  text-align: center;
+	margin-bottom: 30px;
+	text-align: center;
 }
 
 .container > h1:after {
-  content: "";
-  width: 30px;
-  position: relative;
-  border-bottom: 1px solid #aaa;
-  display: block;
-  text-align: center;
-  margin: auto;
-  margin-top: 15px;
+	content: "";
+	width: 30px;
+	position: relative;
+	border-bottom: 1px solid #aaa;
+	display: block;
+	text-align: center;
+	margin: auto;
+	margin-top: 15px;
 }
 
 h2 {
-  font-family: 'Roboto Slab', sans-serif;
-  text-align: center;
-  font-weight: 400;
-  font-size: 18px;
+	font-family: 'Roboto Slab', sans-serif;
+	text-align: center;
+	font-weight: 400;
+	font-size: 18px;
 }
 
 .left,
 .left > h1,
 .left > p {
-  text-align: left;
+	text-align: left;
 }
 
 .reset {
-  text-align: left !important;
+	text-align: left !important;
 }
 
 .reset:after {
-  display: none !important;
+	display: none !important;
 }
 /* 
   Slider with Content
@@ -348,95 +349,98 @@ h2 {
 .white p,
 .white div,
 .white a {
-  color: #fff;
+	color: #fff;
 }
 /*
   Responsive
 */
 
 .group:after {
-  content: "";
-  display: table;
-  clear: both;
+	content: "";
+	display: table;
+	clear: both;
 }
 
 @media all and (max-width: 768px) {
-  .container {
-    width: 95%;
-  }
-  .col.four {
-    width: 48%;
-    margin: 1%;
-  }
-  .col.three {
-    display: block;
-    width: 95%;
-    padding: 0;
-    margin: 0 auto;
-    float: none;
-  }
-  .header {
-    height: auto;
-    background: #eee;
-  }
-  #logo {
-    position: initial;
-    float: none;
-    display: block;
-    transform: none;
-    margin: 10px auto 0 auto;
-  }
-  ul.nav {
-    float: none;
-    display: block;
-    text-align: center;
-    margin: 0 auto;
-  }
-  ul.nav li {
-    float: initial;
-    display: inline-block;
-  }
-  .responsivegroup {
-    display: block;
-  }
-  .responsivegroup:after {
-    content: "";
-    display: table;
-    clear: both;
-  }
+	.container {
+		width: 95%;
+	}
+	.col.four {
+		width: 48%;
+		margin: 1%;
+	}
+	.col.three {
+		display: block;
+		width: 95%;
+		padding: 0;
+		margin: 0 auto;
+		float: none;
+	}
+	.header {
+		height: auto;
+		background: #eee;
+	}
+	#logo {
+		position: initial;
+		float: none;
+		display: block;
+		transform: none;
+		margin: 10px auto 0 auto;
+	}
+	ul.nav {
+		float: none;
+		display: block;
+		text-align: center;
+		margin: 0 auto;
+	}
+	ul.nav li {
+		float: initial;
+		display: inline-block;
+	}
+	.responsivegroup {
+		display: block;
+	}
+	.responsivegroup:after {
+		content: "";
+		display: table;
+		clear: both;
+	}
 }
 
 @media all and (min-width: 768px) {
-  .container {
-    width: 750px;
-  }
+	.container {
+		width: 750px;
+	}
 }
 
 @media all and (min-width: 992px) {
-  .container {
-    width: 970px;
-  }
+	.container {
+		width: 970px;
+	}
 }
 
 @media all and (min-width: 1200px) {
-  .container {
-    width: 1170px;
-  }
-}
-
-@media all and (max-width:450px) {
-  .col, .col.four, .col.three, .col.two {
-    display: block;
-    width: 95%;
-    padding: 0;
-    margin: 0 auto;
-    float: none;
-  }
-  .col.extrapad {
-    padding: 1%;
-    margin-bottom: 10px;
-  }
-  .group {
-    display: none;
-  }
-}
\ No newline at end of file
+	.container {
+		width: 1170px;
+	}
+}
+
+@media all and (max-width: 450px) {
+	.col,
+	.col.four,
+	.col.three,
+	.col.two {
+		display: block;
+		width: 95%;
+		padding: 0;
+		margin: 0 auto;
+		float: none;
+	}
+	.col.extrapad {
+		padding: 1%;
+		margin-bottom: 10px;
+	}
+	.group {
+		display: none;
+	}
+}
diff --git a/dance.html b/dance.html
index 5b14a34..4048c06 100644
--- a/dance.html
+++ b/dance.html
@@ -37,7 +37,7 @@ <h2 class="font-italic">
           </li>
           <!--products-->
           <li class="nav-item ml-1">
-            <a href="sport.html" class="nav-link">sports</a>
+            <a href="sport.html" class="nav-link">Sports</a>
           </li>
            <li class="nav-item ml-1">
             <a href="books.html" class="nav-link">Books</a>
diff --git a/home.html b/home.html
index 686e8e5..f592782 100644
--- a/home.html
+++ b/home.html
@@ -48,7 +48,7 @@ <h1 class="hero" style="transform: translate(394px, 38px);">Play<br>Activity</h1
   </div>
 </div>
 <div class="section" class="second">
-  <div class="container" style="padding-top: 230px;">
+  <div class="container" style="padding-top: 150px;">
     <div class="col four">
       <h1 class="icon"><i class="far fa-futbol"></i></h1>
       <h1 class="service">Sports</h1>