.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{
  background-color: #ffffff;
}

.navbar-brand{
  color: #3e7f00;
  text-align: center;
}

.navbar-brand span{
  display: block;
  font-size: .9rem;
}

.navbar-brand img{
  width: 180px;
}

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

#header-text{
  width: 380px;
}

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

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

#home a:hover{
  background-color: #3e7f00;
  color: #ffffff;
}

#about{
  background-color: #fafafa;
}

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

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

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

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

.card img{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

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

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

#specialized{
  background-color: #ffffff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#contact{
  background-color: #2d3624;
  color: #999999;
}

#contact a{
  color: #999999;
}

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

  .card h5{
    font-size: .7rem;
  }

  .card .card-text{
    font-size: .6rem;
  }
}

@media (min-width: 768px){
  .card h5{
    font-size: 1rem;
  }

  .card .card-text{
    font-size: .8rem;
  }
}

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

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

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

  .card h5{
    font-size: .66rem;
  }

  .card .card-text{
    font-size: .8rem;
  }
}

@media (min-width: 1200px){
  .card h5{
    font-size: .9rem;
  }

  .card .card-text{
    font-size: .8rem;
  }
}