@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins&display=swap');
:root{
  --light-beige: #F5F0E6;
  --sand: #E6D3B3;
  --caramel: #B88B4A;
  --dark-brown: #5C3B1E;
  --milky-white: #FFFDF7;
}


body {
  font-family: "Funnel Display", sans-serif;
  background-color: #E6D3B3;
  color: #5C3B1E;;
  padding-top: 2em;
}
section{
  scroll-margin-top: 4em;
}
h1,
h2,
h3 {
  font-family: "Oswald", sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #5C3B1E;;
}
.is-hidden{
  display: none;
}
.nav-item:hover{
  text-decoration: underline;
}
.dropdown-item:hover{
  background-color: #E6D3B3;
}

.bg_color{
  background-color: #B88B4A;
}
.hidden-heading {
  display: none;
}
#hero{
    background-image: url(../images/hero-bg.jpg);
    background-size: cover;
    background-position: 50% 70%;
    height: 600px;
    width: 100%;
    padding: 5% 7%;
    
}
#cover-text{
    background-color: rgba(154, 119, 55, 0.6);
    line-height: 1.5;
    color: #FFFDF7;
}
.btn{
  background-color: #5C3B1E;
  border: #252525;
  color: #F5F0E6;
}
.btn:hover,
.btn:focus{
  background-color: #B88B4A;
}
@media (min-width: 992px){
}