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

.barlow-medium {
  font-family: "Barlow", sans-serif;
  font-weight: 500;
  font-style: normal;
}

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

.navbar{
  background-color: #eeeeee;
}

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

#header-text{
  width: 300px;
}

#header-text h1{
  font-size: 2.6rem;
}

#header-text h2{
  font-size: 1.6rem;
}

#header-text a{
  background-color: #003559;
  font-size: 1.6rem;
  color: #ffffff;
  letter-spacing: 2px;
}

#header-text a:hover{
  background-color: #0353a4;
}

.section-header{
  font-size: 2rem;
}

hr:not(#contact hr){
  opacity: 1;
  background-color: #b9d6f2;
  border: 0;
  height: 5px;
  width: 210px;
}

#services ul{
  font-size: 1.2rem;
}

#services h4{
  font-size: 1.8rem;
}

#our-projects{
  background-color: #003559;
}

#our-projects .section-header{
  color: #ffffff;
}

#contact{
  background-color: #cccccc;
  color: #555555;
}

#contact a{
  color: #555555;
}

@media (min-width: 576px){
  .navbar-brand{
    font-size: 1.6rem;
  }

  #header-text{
    width: 470px;
  }

  #header-text h1{
    font-size: 3rem;
  }

  #header-text h2, #header-text a{
    font-size: 2rem;
  }

  #services ul{
    font-size: 1.5rem;
  }

  #contact li{
    font-size: 1.2rem;
  }
}

@media (min-width: 768px){
  #services ul{
    font-size: 1.6rem;
  }

}

@media (min-width: 992px){
  .nav-link{
    border-bottom: 2px solid #b9d6f2;
  }

  .nav-link:hover{
    border-bottom: 2px solid #006daa;
  }

  #header-text p{
    font-size: 1.6rem;
  }

  #about h3{
    font-size: 1.8rem;
  }
}