html{
  scroll-behavior : smooth;
}
body {
  font-family     : 'Noto Sans', sans-serif;
  overflow-x      : hidden;
}

#intro{
 
  background-color: #5c94bd;
  color           : #fff;

}

.container-fluid {
  padding         : 3% 15%
}

#intro img .title-image{
  margin-top      : 1.5rem;
}
#intro h1 {
  margin-top      : 1.5rem;
  font-family     : 'Noto Sans', sans-serif;
  font-weight     :900;
  font-size       : 4rem;
  line-height     : 1.5;
}

#intro h3 {
  font-family     : 'Noto Sans', sans-serif;
  font-weight     :900;
}

#intro p {
  color           : #8f8f8f
}


#features{
  padding         : 7% 15%;
  font-family     : 'Noto Sans', sans-serif;
}

#features h3{
  font-family     : 'Noto Sans', sans-serif;
}
#feature-box{
  text-align      : center;
  padding         : 5%;
}

#features .icon{
  color           : #5c94bd;
  margin-bottom   :1rem;

}

#features .icon   :hover{
  color           : #1a3e59;
}
.back-to-top {
  position        : fixed;
  bottom          : 25px;
  right           : 25px;
  display         : none;
  background-color: #5c94bd;
}