body{
  margin: 0;  
  background-color:#e8e5de;
}

.navbar{
  position: sticky;
  z-index:1000; 
  top: 0;
  background-color: rgb(249, 202, 119);
  padding:15px;

}
.navbar-brand{
  font-size: 20px;
  font-family: 'Montserrat',sans-serif;
  font-weight: 300;
  color: rgb(146, 73, 39);
  padding: 10px;
  margin-left: 0;
}  
.navbar-nav.nav-link{
  font-family: 'Montserrat',sans-serif;
  font-weight: 400;
  color: rgb(146, 73, 39); 
  font-size: 20px;

} 
.navbar-nav .nav-link.active {
  color: rgb(144, 74, 34) !important;
  font-weight: 300;
   font-size: 18px;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(120, 64, 37, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

  video{
    width: 100%;
    max-height: 800px;
    margin: 0;
  }
  .article{
    display: flex;
    justify-content:space-around;
    font-family: 'georgia',sans-serif; 
    color:  rgb(94, 83, 77);
    padding: 50px;
    gap:30px;
    margin-bottom: 70px;
    font-size: 18px;
  }
  
  p{
    font-size: 16px;
    font-family: 'montserrat',sans-serif;
  }
  .footer {
    background-color:#e8e5de;
    padding:100px;
  }  
  .footer-content {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .logo-column {
    flex:0 0 200px;
    padding-right: 30px;
    }
    
  .links-columns{
    display: flex;
    flex: 1;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 18px;
    }
  .item-two {
    display: block;
    text-decoration: none;
    padding: 5px 0;
    font-size: 16px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 200;
    color: rgb(75, 73, 73);
    } 
  .logo-two {
    font-size: 18px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    color: rgb(89, 88, 88);
    display: block;
    margin-bottom: 20px;   
  }
  @media all and (max-width: 768px) {
 

  .article{
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
  h1{
    font-size: 16px;
  }
  p{
    font-size: 16px;
    
  }
  }