.cormorant-regular {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.cormorant-medium {
  font-family: "Cormorant", serif;
  font-optical-sizing: a uto;
  font-weight: 500;
  font-style: normal;
}

.cormorant-semibold {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.cormorant-bold {
  font-family: "Cormorant", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.navbar-brand{
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-color: black;
  padding-bottom: 0;
  margin-bottom: 5px;
  box-shadow: 0px 5px 0px 0px #894b42;
  color: #894b42;
}

.navbar{
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}

.nav-link{
  text-transform: uppercase;
}

#home{
  color: white;
}

#header-text{
  width: 400px;
}

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

#home a{
  background-color: white;
  color: #894b42;
  font-size: 1.3rem;
}

#home a:hover{
  background-color: #894b42;
  color: #ffffff;
}

#about img{

}

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

#about h4::before, #services h4::before, #gallery h4::before{
  content: '-';
}

#services{
  background-color: #f2f2ed;
}

#services ul{
  font-size: .7rem;
}

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

#gallery img:hover{
  transform: scale(1.04);
}

#services .carousel-child{
  height: auto;
}

.brownstone, .brick-work, .roofing{
  background-color: #fff6de;
}

.brownstone h5, .brick-work h5, .roofing h5{
  font-size: 1.2rem;
}

.brownstone p, .brick-work p, .roofing p{
  font-size: .7rem;
}

#gallery h5{
  font-size: 1rem;
}

#contact{
  background-color: #460000;
  color: #aca39e;
}

#contact a{
  color: #aca39e;
}

.sub-link{
  font-size: .8rem;
}

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

  #services ul{
    font-size: .9rem;
  }

  .brownstone p, .brick-work p, .roofing p{
    font-size: .9rem;
  }
}

@media (min-width: 992px){
  .nav-link:hover{
    background-color: #894b42;
    color: #dddddd;    
  }

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

  #services ul{
    font-size: .96rem;
  }

  #brownstone p, #brick-work p, #roofing p{
    font-size: .9rem;
  }

  #more{
    display: none;
  }
}