/*GOMB MÉRETEZÉSEK*/

/* galeria modal hatter */
.modal-backdrop {
   background-color: black !important;
   opacity: 0.90 !important;
}

/* menu alahuzas */
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255,255,255,.75) !important;
  transition: border 0.2s;
  border-bottom: 1px solid white;
}

/* galeria gomb szin */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff !important;
    background-color: #6c757d !important;
}

a {
    color: #6c757d!important;
}

@media (max-width: 768px) {
    .btn {
      font-size:14px;
      padding:2px 4px;
    }
  }

  @media (min-width: 768px) {
    .btn {
      font-size:18px;
      padding:6px 8px;
    }
  }

  @media (min-width: 992px) {
    .btn {
      font-size:22px;
      padding:6px 8px;
    }
  }

  @media (min-width: 1200px) {
    .btn {
      padding:8px 10px;
      font-size:26px;
    }
  }


.carousel slide{
    z-index: 1;
}
/*GOMB A CAROUSSELEN*/
.btn{
    box-align: center;
    background: rgba(0, 0, 0, 0.6);
    margin-top:-15%;
    position: relative;
    z-index: 2;
}
@media (max-width: 768px) {
  .btn {
    box-align: center;
    background: rgba(0, 0, 0, 0.6);
    margin-top: -25%;
    position: relative;
    z-index: 2;
  }
}
@media (min-width: 992px) {
  .btn {
    box-align: center;
    background: rgba(0, 0, 0, 0.6);
    margin-top:-10%;
    position: relative;
    z-index: 2;
  }
}

body{
  background-image: url(images/misc/bg_silk.jpg);
  background-position: center center;
  background-attachment: fixed;
  background-size:cover;
}


.fejlec{
  background:  rgba(0, 0, 0, 0.6);
}


.navbar-fixed-bottom{
  height:1.7rem;
  font-size: 0,7rem;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}

.table{
    border: none;
    border-radius: 4px;
    border-collapse: collapse;
    table-layout: fixed ;
    width: 100% ;

}
td {
  width: 20%;
}



  .th {
    padding: 0.5em 0.5em;
    border: none;
}

@media (max-width: 768px) {
.text-responsive {
  font-size: calc(13% + 1vw + 1vh);
}
}

@media (max-width: 768px) {
  .text-resp {
    font-size: calc(13% + 1vw + 1vh);
  }
  }

.aligncenter {
    text-align: center;
}

@media (max-width: 768px) {
  .navbar-collapse {
    width:70% !important;
  }
  }