body,html
{
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: rgb(221, 221, 221);
    position: relative;
}

body
{
    display: table;
}

footer
{
  width: 100%;
  height: 240px;
  background-color: white;
  /*border-top: 5px solid black;*/
}

footer p
{
    font-size: 24px;
    text-align: center;
    margin-right: 50px;
}

.footerbalra
{
    width: 40%;
    display: inline-block;
}

.footerjobbra
{
    width: 40%;
    float:right;
}

footer div img
{
    width: 50px !important;
    height: 50px !important;
    margin-top: -15px !important;
    margin-right: 15px !important;
}

.marginbalra
{
    margin-left: 5%;
}

.selected
{
    border-bottom: 2.5px solid black;
}

footer div h2
{
    font-size: 30px;
    margin: 0;
    margin-top: 30px;
    margin-bottom: 10px;
    text-align: center;
}

footer div p
{
    text-align: center;
    margin: 0;
    margin-top: -10px;
    font-size: 20px;
}

.SM_1
{
    margin-left: 13vw;
}

#blokk3_nagy a:hover
{
  color: rgb(0, 86, 207) !important;
}

.blokk a:hover{
  color: rgb(0, 86, 207) !important;
}

.datum
{
  margin-top: -23px;
  font-weight: normal;
  font-style: italic;
  font-size: 1.5vw !important;
}

.langBtn{
  height: 40px;
  width: auto !important;
  border-radius: 0px;
  /*border: 2px solid black;*/
  box-shadow: 10px 5px 5px hsl(0, 0%, 35%);
  transition-duration: 100ms;
  cursor: pointer;
}

.langBtn:hover{
  box-shadow: 6px 3px 3px hsl(0, 0%, 35%);
}

.boronkaylogo{
  position: fixed;
  top: 10px;
  right: 10px;
  z-index: 5001;
}
.boronkaylogo img{
  height: 60px;
}

a{
  color: black;

}

img{
  border-radius: 15px;
}


@media (max-width: 1500px)
{

    footer div h2
    {
        font-size: 24px;
    }

    footer div p
    {
        font-size: 17px;
    }

    .SM_1
    {
        margin-left: 11.5vw;
    }
    
}

@media (max-width: 1200px)
{
    .SM_1
    {
        margin-left: 9.5vw;
    }
    .datum
    {
      font-size: 2vw !important;
    }
}


@media (max-width: 1000px)
{
    .SM_1
    {
        margin-left: 7.5vw;
    }

    .gallery-item 
    {
      margin: 10px;
      cursor: pointer;
      transition: transform 0.3s;
      flex: 0 0 auto;
      width: calc((92.5vw/2) - 35px) !important;
      height: calc((92.5vw/3) - 20px) !important;
      margin-left: calc((7.8vw/2) - 20px) !important;
    }
    /*.modal-content 
    {
      margin-top: 100px !important;
      max-width: 70% !important;
      max-height: 70% !important;
    }*/
}

@media (max-width: 850px)
{
    .SM_1
    {
        margin-left: 7.5vw;
    }
    iframe
    {
        /*border: 5px solid black;*/
        width: 90% !important;
        height: 55vw !important;
    }
    .datum
    {
      font-size: 4vw !important;
    }
}

@media (max-width: 850px)
{
    .footerbalra
    {
        width: 100%;
    }

    .SM_1
    {
        margin-left: 34.5vw;
    }

    .footerjobbra
    {
        width: 100%;
    }

    footer
    {
      height: 340px;
    }

    .copyright
    {
        margin-top: 120px;
        width: 100%;
    }
}

@media (max-width: 700px)
{
    iframe
    {
        height: 54vw !important;
    }
}

@media (max-width: 600px)
{
    iframe
    {
        height: 53vw !important;
    }

    .gallery-item 
    {
      margin: 10px;
      cursor: pointer;
      transition: transform 0.3s;
      flex: 0 0 auto;
      width: calc((92.5vw/1) - 35px) !important;
      /*height: calc((92.5vw/1.5) - 20px) !important;*/
      height: unset !important;
      margin-bottom: 30px !important;
    }
    .modal-content 
    {
      max-width: 90% !important;
      max-height: 90% !important;
    }
    .GalleryCim
    {
      font-size: 32px !important;
    }
}

@media (max-width: 500px)
{
    iframe
    {
        height: 52vw !important;
    }
    .datum
    {
      margin-top: -10px;
    }
}

@media (max-width: 550px)
{
    .SM_1
    {
        margin-left: 27vw;
    }
}

@media (max-width: 450px)
{
    .SM_1
    {
        margin-left: 22vw;
    }
    iframe
    {
        height: 50vw !important;
    }
    footer div h2
    {
        font-size: 6vw;
        margin: 0;
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    footer div p
    {
        text-align: center;
        margin: 0;
        margin-top: -10px;
        font-size: 3.75vw;
    }

    .copyright
    {
        font-size: 5.5vw;
    }
}


@media (max-width: 450px)
{
    .SM_1
    {
        margin-left: 17vw;
    }
}

@media (max-width: 400px)
{
    iframe
    {
        height: 48vw !important;
    }
}


@media (max-width: 350px)
{
    iframe
    {
        height: 46vw !important;
    }
    .SM_1
    {
        margin-left: 9vw;
    }
}


@media (max-width: 300px)
{
    .SM_1
    {
        margin-left: 2vw;
    }
}

header
{
    position: sticky;
    top: 0;
    height: 80px;
    font-size: 24px;
    font-weight: 400;
    padding-left: 10%;
    line-height: 80px;
    background-color: white;
    /*border-bottom: 5px solid black;*/
}

header a
{
    all: unset;
    cursor: pointer;
    margin-right: 20px;
    color: rgb(102,102,102);
}

header a:hover
{
    color: black
}

.container 
{
    height: 650px;
    /*-bottom: 10px solid black;
    border-top: 10px solid black;*/
    background-color: black;
}

.container img
{
    width: 100%;
    height: 100%;
}

.container {
    position: relative;
}

.IMG
{
    width: 100%;
    height: auto;
    transition: opacity 0.75s ease;
}

.IMG {
    opacity: 1;
}

.IMG_mod {
    width: 100%;
    height: auto;
    opacity: 0;
    position: absolute;
    top: -1px;
    left: 0;
    /*border-bottom: 10px solid black;
    border-top: 10px solid black;*/
    transition: opacity 0.75s ease;
}

.IMG:hover {
    opacity: 0;
}

.IMG_mod:hover {
    opacity: 1;
}

.capy_icon
{
    height: 50px;
    position: absolute;
    top:15px;
    left:2%;
}

.Hamburger
{
    display: none;
    position: sticky;
    top: 0;
    height: 80px;
    font-size: 24px;
    font-weight: 400;
    padding-left: 5%;
    line-height: 80px;
    z-index: 5000;
}

.Hamburger a
{
    color: black !important;
}

.hamb_ikon
{
    height: 15px;
    margin-right: 10px;
}

.NemHamburger
{
    display: block;
    z-index: 5000;
}

.IMG
{
    display: block;
}

.IMG2sor
{
    display: none;
}
.IMG2sor_mod
{
    display: none;
}




.hamburger-menu 
{
    position: absolute;
    top: 25px;
    left: 30px;
    width: 50px;
    height: 30px;
  }
  
  .menu-icon 
  {
    cursor: pointer;
    width: 40px;
    height: 20px;
    position: relative;
  }
  
  .bar 
  {
    width: 100%;
    height: 4px;
    background-color: black;
    margin: 6px 0;
    transition: transform 0.3s ease;
  }
  
  .menu-items 
  {
      list-style: none;
      padding: 0;
      margin: 0;
      position: fixed;
      left: 0;
      background-color: white;
      border-top: none;
      width: 100%;
      max-width: 100%;
      overflow: hidden;
      max-height: 0;
      transition: max-height 0.3s ease, opacity 0.3s ease;
      opacity: 0;
      font-size: 20px;
      padding-left: 25px;
  }
  
  .menu-items.menu-open 
  {
    max-height: 300px;
    opacity: 1;
    z-index: 10 !important;
  }
  
  .menu-items li 
  {
    padding: 10px;
  }
  
  .menu-items li a 
  {
    text-decoration: none;
    color: #333;
  }
  
  .menu-open .bar:nth-child(1) 
  {
    transform: translateY(7px) rotate(45deg);
  }
  
  .menu-open .bar:nth-child(2) 
  {
    opacity: 0;
  }
  
  .menu-open .bar:nth-child(3) 
  {
    transform: translateY(-12px) rotate(-45deg);
  }

  .blokk_bal {
    width: 50%;
    /*border: 5px solid black;*/
    background-color: rgba(255, 255, 255, 0.59);
    border-radius: 20px;
    margin: 50px auto;
    overflow: hidden;
    padding: 40px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }

  .blokk_intro_all 
  {
    width: 70%;
    /*border: 5px solid black;*/
    background-color: rgba(255, 255, 255, 0.59);
    border-radius: 20px;
    margin: 50px auto;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
  }

  .blokk_intro_onebyone
  {
    width: 70%;
    /*border: 5px solid black;*/
    background-color: rgba(255, 255, 255, 0.59);
    border-radius: 20px;
    margin: 50px auto;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 30px;
  }

  .ember
  {
    width: calc(100% / 3);
    display: flex;
  }

  .blokk_intro_all h1
  {
    text-align: center;
  }

  .szövegek_intro_all
  {
    width: 100% !important;
    text-align: justify;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
  }

  .blokk_intro_all img
  {
    width: 100% !important;
    object-fit: cover;
    object-position: top;
    height: 30vw;
    /*border-top: 5px solid black;*/
  }

  .blokk_intro_onebyone h1
  {
    text-align: center;
    height: 60px;
  }

  .szövegek_intro_onebyone
  {
    width: 100% !important;
    text-align: justify;
    box-sizing: border-box;
    padding-left: 20px;
    padding-right: 20px;
    flex-grow: 1;
  }

  .szövegek_intro_onebyone p
  {
    padding-left: 40px;
    padding-right: 40px;
  }

  .blokk_intro_onebyone img
  {
    width: 70% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    display: block;
    /*border: 5px solid black;*/
    box-sizing: border-box;
    border-radius: 25px;
  }

  .blokk_specko 
  {
    width: 50%;
    /*border: 5px solid black;*/
    background-color: rgba(255, 255, 255, 0.59);
    border-radius: 20px;
    margin: 50px auto;
    overflow: hidden;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
  }

  .blokk_specko div
  {
    font-size: 9vw; 
    color: white;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -85%);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  #k1,#k2
  {
    -webkit-text-stroke: 3px black;
  }

  .k1::after 
  {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    pointer-events: none;
  }

  .k2::after 
  {
    content: attr(data-text);
    position: absolute;
    left: 0;
    -webkit-text-stroke: 0;
    pointer-events: none;
  }

  #k2
  {
    transform: translate(-50%, -0%);
    font-size: 6vw; 
  }
  
  .blokk_bal img {
    width: 40%;
    margin-right: 5%;
  }
  
  .blokk_bal .szövegek {
    width: 50%;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .blokk_bal h1 {
    text-align: center;
    font-size: 2vw;
  }
  
  .blokk_bal p {
    text-align: justify;
    font-size: 2.4vh;
  }

  #blokk2_nagy
  {
    position: relative;
  }
  
  .blokk_bal iframe 
  {
    /*border: 5px solid black;
    background-color: black;*/
    margin-left: 5%;
  }

  #blokk1_kicsi
  {
    display: none;
  }
  #blokk2_kicsi
  {
    display: none;
  }
  #blokk3_kicsi
  {
    display: none;
  }

  .blokk_kicsi{
    display: none;
  }

  #blokk3_nagy a 
  {
    color: rgb(1,51,120);
    text-align: center;
    display: block;
    font-size: 2.2vh;
    font-style: italic;
  }

  .blokk a 
  {
    color: rgb(1,51,120);
    text-align: center;
    display: block;
    font-size: 2.2vh;
    font-style: italic;
  }

  #blokk3_kicsi a 
  {
    color: rgb(1,51,120);
    text-align: center;
    display: block;
    font-size: 2.2vh;
    font-style: italic;
    margin-bottom: 30px;
  }

  .art_img
  {
    width: 100% !important;
    margin: 0 !important;
    /*border: 5px solid black;*/
  }

@media (max-width: 1600px)
{
    .container 
    {
        height: 600px;
        /*border-bottom: 10px solid black;
        border-top: 10px solid black;*/
        background-color: black;
    }
}

@media (max-width: 1400px)
{
    .container 
    {
        height: 500px;
        /*border-bottom: 10px solid black;
        border-top: 10px solid black;*/
        background-color: black;
    }
  .blokk_bal iframe 
  {
    width: 250px;
    height: 250px;
  }
}

@media (max-width: 1200px)
{
    .container 
    {
        height: 500px;
    }
    .blokk_bal 
    {
      width: 70%;
      /*border: 5px solid black;*/
      background-color: rgba(255, 255, 255, 0.59);
      border-radius: 20px;
      margin: 50px auto;
      overflow: hidden;
      padding: 30px;
      box-sizing: border-box;
      display: flex;
      align-items: center;
    }
    .blokk_intro_all
    {
        width: 90%;
    }
    .blokk_intro_all img
    {
      height: unset;
    }
    .blokk_intro_onebyone
    {
        width: 90%;
    }
    .blokk_specko
    {
        width: 70%;
    }
    .blokk_specko div
    {
        font-size: 12.4vw; 
        color: white;
        font-weight: bold;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -75%);
    }

    #k2
    {
        transform: translate(-50%, 10%);
        font-size: 7.25vw; 
    }

    .blokk_bal h1 
    {
      text-align: center;
      font-size: 3vw;
    }
}
@media (max-width: 1100px)
{
    .container 
    {
        height: 450px !important;
    }
}

@media (max-width: 1000px)
{
    .container 
    {
        height: 400px !important;
    }

    .ember
    {
      width: calc(100% / 2);
    }

    .szövegek_intro_onebyone p
    {
      padding-left: 20px;
      padding-right: 20px;
    }
}

/*@media (max-width: 900px)
{
    .container 
    {
        height: 450px;
    }
}*/

@media (max-width: 900px)
{

    #blokk1_kicsi
    {
        display: block;
    }
    
    #blokk1_nagy
    {
        display: none;
    }

    #blokk2_kicsi
    {
        display: block;
    }
    
    #blokk2_nagy
    {
        display: none;
    }

    #blokk3_kicsi
    {
        display: block;
    }
    
    #blokk3_nagy
    {
        display: none;
    }

    .blokk_kicsi{
      display: block;
    }

    .blokk_nagy{
      display: none;
    }

    .blokk a 
    {
      color: rgb(1,51,120);
      text-align: center;
      display: block;
      font-size: 2.2vh;
      font-style: italic;
      margin-bottom: 30px;
    }
    
    .blokk_bal {
        flex-direction: column;
      }
    
      .blokk_bal img {
        width: 80%;
        margin-left: 10%;
      }
    
      .blokk_bal .szövegek {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      }

      .blokk_bal p
      {
        font-size: 3vw;
      }

      .blokk_bal h1
      {
        font-size: 6vw;
      }

    .IMG2sor
    {
        width: 100%;
        height: auto;
        transition: opacity 0.75s ease;
    }

    .IMG2sor 
    {
        opacity: 1;
    }

    .IMG2sor_mod 
    {
        width: 100%;
        height: auto;
        opacity: 0;
        position: absolute;
        top: -10px;
        left: 0;
        /*border-bottom: 10px solid black;
        border-top: 10px solid black;*/
        transition: opacity 0.75s ease;
    }

    #k1,#k2
    {
      -webkit-text-stroke: 0px black;
    }

    .IMG2sor:hover
    {
        opacity: 0;
    }

    .IMG2sor_mod:hover
    {
        opacity: 1;
    }


    .NemHamburger
    {
        display: none;
    }
    .Hamburger
    {
        display: block;
    }
    .capy_icon
    {
        visibility: hidden;
    }
    .container 
    {
        height: 700px !important;
    }
    .IMG2sor
    {
        display: block;
    }
    .IMG2sor_mod
    {
        display: block;
    }
    .IMG
    {
        display: none !important;
    }
    .IMG_mod
    {
        display: none !important;
    }
}
@media (max-width: 650px)
{
    .container 
    {
        height: 600px;
    }
}
@media (max-width: 600px)
{
    .container 
    {
        height: 600px !important;
    }
    .blokk_bal p
    {
        font-size: 4vw;
    }
    .blokk_bal h1
    {
        font-size: 5.5vw;
    }

    .ember
    {
      width: calc(100% / 1);
    }

    .szövegek_intro_onebyone p
    {
      padding-left: 10px;
      padding-right: 10px;
    }
}

@media (max-width: 500px)
{
    
    #k1,#k2
    {
      -webkit-text-stroke: 0px black;
    }
    .container 
    {
        height: 500px !important;
    }
    
    .blokk_specko div
    {
        font-weight: 600;
    }
}

@media (max-width: 400px)
{
    .container 
    {
        height: 400px !important;
    }
}

.gallery 
{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 20px;
  padding-right: 0;
}

.gallery-item 
{
  margin: 10px;
  margin-top: 45px !important;
  cursor: pointer;
  transition: transform 0.3s;
  flex: 0 0 auto;
  width: calc((85vw/3) - 20px);
  height: calc(((85vw/4.5) - 13px + 20px));/*width / 1.5*/
  margin-left: calc((5%/1) - 20px) !important;
  /*align-items: center;*/
}
.gallery-item img 
{
  width: 100%;
  height: calc(100% - 32px);
  object-fit: cover;
  /*border: 5px solid black;*/
  border-radius: 20px;
}
.gallery-item:hover 
{
  transform: scale(1.05);
}
.gallery-item h3{
  text-align: center;
  margin-top: 0px;
  margin-bottom: 10px;
}
.modal 
{
  display: none;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  overflow: auto;
  justify-content: center;
  align-items: center;
}
.modal-content 
{
  margin: auto;
  /*margin-top: 100px;*/
  display: block;
  /*max-width: 50vw;
  max-height: 50vh;*/
  width: 100%;
  height: 100%;
  animation: zoomIn 0.3s ease-out;
  /*align-items: center;*/
}
.modal-content h2{
  text-align: center;
  color: white;
}
.modal_link_contdainer{
  margin-top: 15px;
  display: flex;
  width: 100%;
  align-items: center;
}
.modal-content a{
  margin-left: auto;
  margin-right: auto;
  color: white;
}
.modal-content img 
{
  margin-top: 100px !important;
  max-width: 70vw;
  max-height: 80vh;
  display: block;
  margin: auto;
}
@keyframes zoomIn 
{
  from 
  {
    opacity: 0.1;
    transform: scale(0.1);
  }
  to 
  {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes zoomOut 
{
  from 
  {
    transform: scale(1);
    opacity: 1;
  }
  to 
  {
    transform: scale(0.1);
    opacity: 0.1;
  }
}
.modal:hover 
{
  cursor: zoom-out;
}

.GalleryCim
{
    text-align: center;
    text-decoration: underline;
    text-underline-offset: 10px;
    font-size: 48px;
    margin-bottom: 0;
}

.nagyszöveg .szövegek
{
  width: 100% !important;
}