body{
  background: #333;
  color: #fff;
}
.navbar{
  border-bottom: 3px solid #008ed6;
  background: #292b2c;
  opacity: 0.6;
}
.navs ul li a:hover{
  text-decoration: underline;
}
#home-section{
  background: url('../img/mountain.jpg') no-repeat center top;
  background-size: cover;
  background-attachment: fixed;
  min-height: 600px;
}
#home-section .dark-overlay{
  background: rgba(0, 0, 0, 0.5);
  min-height: 600px;
}
#home-section .card-form{
  opacity: 0.8;
}
#home-section .fa{
  background: #fff;
  color: #008ed6;
  padding: 4px;
  font-size: 26px;
  border-radius: 4px;
}
#home-section .home-inner{
  padding-top: 150px;
  padding-bottom: 50px;
}
#explore-main-section .fa{
  font-size: 26px;
  background: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
}
#create-main-section .fa{
  font-size: 26px;
  background: #fff;
  color: #008ed6;
  padding: 4px;
  border-radius: 4px;
}
#share-main-section .fa{
  font-size: 26px;
  background: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
}
#exampleModalCenter .modal-color{
  background: rgba(52,58,64,0.9);
}
.uk-totop {
  padding: 10px;
  background: white;
  border-radius: 4px;
  color: black;
  font-size: 30px;
}


@media(max-width: 768px){
  #home-section h1{
    font-size: 36px;
  }
}