body {
    overflow-x: hidden;
    padding: 0px;
    
  }
  
  
.navbar .nav-link {
      font-size: 18px;
      /*text-transform: uppercase;*/
      padding-left: 1rem !important;
      padding-right: 1rem !important;
}
  
.navbar .nav-item.active {
      border-bottom: rgb(136, 97, 12) 2px solid;
}
  
.navcolor {
    background-color: rgb(33,25,2);
    border-bottom: 1px #eee solid;
}


#showcase {
    border-bottom: 1px #eee solid;
}
  
.carousel-item {
      height: 100%;
      background-size: cover !important;
      background-repeat: no-repeat !important;
      background-position: center center !important;
}
  
/* Background position esetében a kép mozgatása több módon lehetséges, jó példa erre #home-heading, ez volt a kiindulási alap, ezután változtattam meg a carouselt. */
  
.carousel-image-1 {
      background: url('./img/1a.jpg');
  
      /* Itt van egy lehetséges opció amivel lehet képen lévő tartalmat fel v. le változtatni, bár ez véleményem szerint carousel estében nem opció. 
      background-position: 0 -300px;
      background-attachment: fixed;
      */
  
}
    
.carousel-image-2 {
      background: url('./img/2b.jpg');
}
    
.carousel-image-3 {
      background: url('./img/3c.jpg');
}

#home-icons {
      border-bottom: 1px #eee solid;
}

 
.card:hover{
      -webkit-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
      -moz-box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
      box-shadow: -1px 9px 40px -12px rgba(0,0,0,0.75);
}
    
    

#home-heading {
      position: relative;
      min-height: 250px;
      background-image: url('./img/gras.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      background-position:center center;
      border-bottom: 1px #eee solid; 
}

.dark-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
}

#contact {
      background-color: rgba(255,255,255,0.1);
     
}

#contact .card{
      background-color: rgba(255,255,255,0.75);
}
/* .gradient {
      background: linear-gradient(217deg, rgba(10, 185, 24, 0.8), rgba(255,0,0,0) 70.71%),
            linear-gradient(127deg, rgba(9, 199, 9, 0.8), rgba(0,255,0,0) 70.71%),
            linear-gradient(336deg, rgba(33, 150, 72, 0.8), rgba(255,0,0,0) 70.71%);
} */

#main-footer {
        background: #000;
        color: #fff;
        border-top: 1px #eee solid;
}

@media (max-width: 768px) {
      .card {
        margin-bottom: 10px;
      }
    
}

/* About */

#top-picture {
  height: 200px;
  background: url('./img/forest.jpg');
  background-position: 0 -250px;
  background-attachment: fixed;
  color: #fff;
  border-bottom: 1px white solid;
  padding-top: 50px;
}

.size {
      font-size: 20px;
      background-color: rgb(136, 97, 12);
}

.aaa {
      background-color: rgb(136, 97, 12);    
}

.gallery-section-wrap{
background-color:  rgb(33,25,2);
}

#gallery {
      border-bottom: 1px white solid;
}

.work{
      color: white;
}

#info {
      background-color: rgb(33,25,2);
      border-bottom: 1px white solid;
      min-height: 80vh;
     
}

.ccard {
      background-color: rgba(255,255,255,0.7);
}

.section-wrap {
      background-color: rgb(33,25,2);
}

.page-heading{
      color:white;
}