html{
    scroll-behavior: smooth;
    max-width: 100%;
    overflow-x: hidden;
    
  }
  body {
    max-width: 100%;
    overflow-x: hidden;
    margin: 0px;
  }
  
  .gin{
    display: flex;
    justify-content: center;
    margin-top: 2%;
  }
  
  .gin h1 {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 50rem;
    font-style: normal;
    font-size: 18vw;
    color: #1A3314;
    position: absolute;
    transition-duration: 1s;
    margin-top: 18%;
    z-index: 3;
    
  }
  .gin p {
    font-family: "", ;
    font-weight: 50rem;
    font-style: normal;
    font-size: 3vw;
    color: #1A3314;
    position: absolute;
    transition-duration: 1s;
    margin-top: 38%;
    z-index: 3;
    
  }
  .gin img {
    position: relative;
    height: 80%;
    width: 40%;
    transform: translateY(12%);
    transition-duration: 0.5s;
    z-index: 1;  
  }
  
  .navbar {
  
    font-family: "Bebas Neue", sans-serif;
    color: #76AE40;
  
  }
  
  .ginLI img {
    margin-top: 10%;
    transform: translateX(12%);
    transition-duration: 0.5s;
    position: relative;
    height: 80%;
    width: 40%;
    transform-origin: 0px 0px;
    animation-duration: 1.3s;
    animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-iteration-count: 1;
    margin-left: 52%;
    
  }
  .ginL {
    position: absolute;
    align-content:center;
    align-items: center;
    color: #445634;
    margin-top: 25%;
    margin-left: 15%;
    }
  .ginL p {
    color:#887F4F;
  }
    
    .cara {
      margin-top: 2%;
      margin-bottom: 2%;
      border: none;
      border-top: 0.20em solid #D4D6CE;
      width: 95%;
      margin-left: auto;
      margin-right: auto;
    }
    .caraN {
      margin-top: 2%;
      margin-bottom: 2%;
      border: none;
      border-top: 0.20em solid whitesmoke;
      width: 100%;
      margin-left: auto;
      margin-right: auto;    
    }
    .limeC {
      margin-top: 2%;
      margin-bottom: 2%;
      border: none;
      border-top: 0.20em solid #723123;
      width: 100%;
    
    }


    .carousel-inner img {
        width: 100%;
        height: 100%;
      }