/*navbar css*/
.navbar .columns{
  padding:10px 10px;
  align-items: center;
}
.bar{
  display: none;
}
@media screen and (max-width:1024px) {
  .navbar .columns{
    display: none;
  }
  .bar{
    position: absolute;
    display: block;
    z-index: 999;
    color:#fff;
    margin-top: -40px;
    left: 10px;
    font-size: 150%;
  }
.bar img{
  margin-left: 100px;
}
}
.first-page{
  background-color: #181818;
  height: auto;
  padding: 50px;
}
.second-page{
  background-color: #181818;
  height: auto;
  padding: 50px;
}
.third-page{
  background-color: #181818;
  height: auto;
  padding: 50px;
}
.fourth-page{
  background-color: #181818;
  height: auto;
  padding: 50px;
}
.fifth-page{
  background-color: #181818;
  height: auto;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.text1{
color: #BBBBBB;
font-size: 50px;
}
.text2{
  color: #FFFFFF;
  font-size: 50px;
  }
.footer-page{
    background-color: #181818;
    height: auto;
    padding: 50px;
  }
.smm {
  padding-left: 50px;
}
.end{
  background-color: #181818;
  height: auto;
  padding: 50px;
}
hr{
  background-color:#202020;
}
.on{
  width: 100px;
  height: 20px;
  background-color: #202020;
  border-radius: 50px;
}