.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.navbar-brand{
  letter-spacing: 1.1px;
}

.fixed-top.scrolled{
  background-color: #00171f;
}

.nav-link{
  color: #dddddd;
}

#header-text{
  width: 380px;
}

#home h1{
font-size: 2.4rem; 
}

#home a{
  background-color: #ffffff;
  font-size: 1.4rem;
  border-radius: 5px;
}

#home a:hover{
  background-color: #00a8e8;
  color: #ffffff;
}

#services{
  background-image: linear-gradient(rgba(255, 255, 255, .9), rgba(255, 255, 255, .86)), url('../assets/bg.jpg'); 
  background-repeat: no-repeat; 
  background-size: cover;
}

#services svg, #gallery svg{
  width: 35px;
}

#services h2, #gallery h2{
  font-size: 1.8rem;
  letter-spacing: 2px;
}

#gallery h2{
  color: #ffffff;
}

.card{
  border: 0;
  background-color: transparent;
}

.card-title{
  font-size: 1.4rem;
}

.card-text{
  color: #555555;
  font-size: 1.02rem;
}

#gallery{
  background-color: #003459;
}

#gallery img{
  transition: all .2s ease-in-out;
}

#gallery img:hover{
  box-shadow: rgba(200, 200, 200, 0.5) 0px 2px 8px 0px;
}

#contact{
  background-color: #00171f;
  color: #999999;
}

#contact a{
  color: #999999;
}

@media (min-width: 576px){
  #home h1{
    font-size: 2.6rem;
  }
}

@media (min-width: 992px){
  #header-text{
    width: 900px;
  }

  #home h1{
    font-size: 3rem;
  }

  #home p{
    font-size: 2rem;
  }
}