body{
    background-color: lightgray;
  }
  
  h1{
    font-weight: bold;
    text-align: center;
  }
  
  h2{
    font-weight: 500;
  }
  
  
  h6{
    font-weight: bold;
    font-size: 45px;
  }
  
  /*Elválasztó vonal*/
  hr {
      height: 1px;
      background-color: #000000;
    }  
  /*Elválasztó vonal vége*/
  
/*Slide*/

.carousel-item{
    height: 700px;
    background: #000000;
    color: white;
    position: relative;
    background-position: center;
    background-size: cover;
}

.container{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    padding-bottom:50px;
}

.overlay-image{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    top:0;
    background-position: center;
    background-size: cover;
    opacity: 0.3;
}

@media (max-width: 768px) {
  .carousel-item {
      height: 500px; /* Kisebb képek mobilon */
  }

  .showcase .showcase-text {
      padding: 2rem; /* Kevesebb tér a mobilon */
  }
}

/*Slide vége*/
  
  /*Lábléc*/
  
  .lablec {
      margin-top: 20px;
      background-color: rgb(130, 130, 130);
      padding: 20px;
      text-align: center;
    }
    
    @media screen and (max-width: 600px) {
      .lablec {
        font-size: 14px;
      }
  }
  
  /*Lábléc vége*/ 
  
  
  .map-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
  }
  
  .map-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }