.fira-sans-regular {
  font-family: "Fira Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.fira-sans-medium {
  font-family: "Fira Sans", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.fira-sans-bold {
  font-family: "Fira Sans", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.navbar{
  background-color: #ffffff;
}

.navbar-brand{
  font-size: 1.3rem;
}

#home a{
  background-color: #ef233c;
  color: #ffffff;
  font-size: 1.2rem;
  letter-spacing: 2px;
}

#home a:hover{
  background-color: #d90429;
}

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

#home h2{
  font-size: 1.5rem;
}

#header-text{
  width:400px;
}

#contact{
  background-color: #220901;
  color: #bebbbb;
}

#contact a{
  color: #bebbbb;
}

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

#about p{
  line-height: 2;
  font-size: 1.1rem;
}

#about img{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#services{
  background-image: linear-gradient(#d90429ee, #d90429dd), url("../assets/1840.jpg");
  color: #ffffff;
}

#services li{
  font-size: 1.1rem;
}

@media (min-width: 576px){
  #header-text{
    width: 530px;
  }
}

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

  #home h2{
    font-size: 1.5rem;
  }

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

  .nav-link:hover{
    color: #d90429;
  }

  #services li, #about p{
    font-size: 1rem;
  }
}