*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-family: 'Open Sans', sans-serif;
  font-size: 1.2rem;
  color: #fff;
  background-color: #22283f;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i {
  border: solid white;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 8px;
  z-index: 10000;
}



.up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    position: absolute;
    left: 97%;
	top: 47%;
}


.down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
	left: 97%;
	top: 50%;
}


nav {
	position: fixed;
	background: #000;
	padding: 10px;
	text-align: center;
	z-index: 1001;
	width: 100%;
}
.nav_class img{
	float:left;
	margin-left:7%;
}
ul{
	margin-left:27%;
}
li{
	float:left;
	padding:2%;
	text-align:right;
}
.stop_float{
	clear:both;
}

a {
  text-decoration: none;
  color: #fff;
	font-size:20px;
	font-family: 'Exo 2', sans-serif;
	font-weight:600;
    font-style:semi-bold italic;
}

/* gets applied to all section backgrounds */
.vs-section {
  background-repeat: no-repeat;
  background-position: center center;

  -webkit-background-size: cover;
    -moz-background-size: cover;
      -o-background-size: cover;
         background-size: cover;
}

/* gets applied to all sections */
.vs-section h2 {
	position: absolute;
	top: 300px;
	left: 60px;
	font-size: 50px;
	opacity: 0; /* hides on load of each section */
	font-family: 'Exo 2', sans-serif;
	font-weight:600;
	color: #ffb600;
}
/* gets applied to all sections */
.vs-section p {
	position: absolute;
	top: 360px;
	left: 60px;
	font-size: 18px;
	width: 500px;
	line-height: 140%;
	opacity: 0; /* hides on load of each section */
	text-shadow: 1px 1px 0px #000;
}
/* gets applied to all sections */
.btn {
	position: absolute;
	top: 500px;
	left: 200px;
	z-index: 1000;
	display: block;
	padding: 10px;
	background: #000;
	text-align: center;
	font-size: 24px;
	opacity: 0; /* hides on load of each section */
}
.btn:hover {
	background: #FFF;
	color: #000;
}

/* only gets applied to section 2 */

.vs-section:nth-of-type(1) a {
	left: 60px;
	right: auto;
	top:520px;
}
.vs-section:nth-of-type(2) h2 {
	right: 100px;
	left: auto; /* removes orginal left value */
	color: #ffb600;
}

/* only gets applied to section 2 */
.vs-section:nth-of-type(2) p {
	right: 100px;
	left: auto;
	text-align: right;

}
/* only gets applied to section 2 */
.vs-section:nth-of-type(2) a {
	right: 100px;
	left: auto;
}
.vs-section:nth-of-type(3) h2 {
	left: 40px;
	right: auto; /* removes orginal left value */
    color: #ffb600;
}

/* only gets applied to section 4 */
.vs-section:nth-of-type(3) p {
	left: 40px;
	right: auto;
	text-align: left;
}

/* only gets applied to section 4 */
.vs-section:nth-of-type(3) a {
	left: 40px;
	right: auto;
}

/* only gets applied to section 4 */
.vs-section:nth-of-type(4) h2 {
	right: 100px;
	left: auto; /* removes orginal left value */
    color: #ffb600;
}

/* only gets applied to section 4 */
.vs-section:nth-of-type(4) p {
	right: 100px;
	left: auto;
	text-align: right;
}

/* only gets applied to section 4 */
.vs-section:nth-of-type(4) a {
	right: 100px;
	left: auto;
}
.vs-section:nth-of-type(5) h2 {
	right: 40px;
	left: auto; /* removes orginal left value */
	color:#FF0F00;
}

/* only gets applied to section 2 */
.vs-section:nth-of-type(5) p {
	left: 40px;
	right: auto;
	
}
/* only gets applied to section 2 */
.vs-section:nth-of-type(5) a {
	left: 40px;
	right: auto;
	top:520px;
}
.vs-section:nth-of-type(5) h2 {
	top: 300px;
	left: 40px;
	right: auto;
    color: #ffb600;
}
/* gets applied to individual section bakground image */
.vs-section:nth-of-type(1) {
  background-image: url('../images/intro_bg_shoe_1_test.png');
}

.vs-section:nth-of-type(2) {
  background-image: url('../images/mens_shoe_2.png');
}

.vs-section:nth-of-type(3) {
  background-image: url('../images/womens_shoe_3.png');
}

.vs-section:nth-of-type(4) {
  background-image: url('../images/childrens_shoe_4.png');
}

.vs-section:nth-of-type(5) {
  background-image: url('../images/specialized_shoes_5.png');
}

footer {
  z-index: 9999;
  position: fixed;
  bottom: 0.5px;
  
  width:100%;
  height:50px;
  background:#000;
}

footer p {
  color: #FFFFFF;
  font-family: 'Exo 2', sans-serif;
  margin-left:500px;
	
}
.footer_stuff img{
  
margin-top:10px;
	margin-left:18.5%;
}

footer a:nth-child(2) {
  border-bottom: 1px dotted #fff;
}