body{
  overflow-x: hidden;
  overflow-y: scroll;
  background-color: #000;
  font-family: Arial, Helvetica, sans-serif;
  margin:0;
  font-size:12px;
 }

 
.border{
 border-bottom: 1px solid #333;
 
}

 #hero{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: #000 url(../imgs/download.png) no-repeat center center fixed; 
 
}

 #section1{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/1.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
 
}

 #card1{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/card1.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
 
}

 #card2{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/card2.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
 
}

 #card3{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/card3.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
 
}

 #section2{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/2.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section3{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/3.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section4{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/4.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section5{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/5.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}


 #section6{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/6.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section7{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/7.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section8{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/8.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section9{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/9.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #section10{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/10.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #alignment{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/alignment.jpg) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}

 #all{
  position:relative;
  width: 100%;
  overflow:hidden;
  height: 100vh;
  min-height:500px;
  background: url(../imgs/all.png) no-repeat center center fixed; 
  padding:20px;
  color:#212121;
}