body{
    min-width: 650px;
    height: 100%;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    color: #777;
    background:#fff;
    background-attachment: fixed;
    font-size: 16px;
}
a:hover {text-decoration: none;}
.bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4 {
    position: relative;
    opacity: 1;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  
  }
  div.bgimg-1 {
    background-image: url("../images/IMG_2102.jpg");
    min-height: 350px;

  }
  div.bgimg-1 p {color:#fff; width:100%;   
    -webkit-filter: drop-shadow(1px 1px 2px rgb(24, 24, 24));
    filter: drop-shadow(1px 1px 2px  rgb(24, 24, 24));

    margin-left: 0 auto;
    margin-right: 0 auto;
    position: absolute;
    
    z-index: 10;
    top: 50%;

    font-size: 3vh;  }
div.header{ font-family: 'Trirong', serif;
    z-index:1000; background:#fff; 
    width:100%; position:relative; top:0px; left:0px; border:0px solid #000;
     border:0px solid #000; }
div.header div.top{ width:100%;  height: 45px; background:#cbc6b9;
     text-align:right;  }
div.header div.top div.topmenu {width:100%; padding-right:5%; position:relative; top:20px; border:0px solid #000; }
div.header div.top div.topmenu a { border:1px solid #262421; color: #262421; background:#cbc6b9; padding:8px; 
     border-radius: 10px 10px 0px 0px; position:relative; }
     div.header div.top div.topmenu a.selected { color: #cbc6b9; background:#262421; z-index:1002;
  
    }
div.header div.menu {width:100%; position:relative; top:0px; z-index:100; height:150px; background: #262421; 
    -webkit-box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
-moz-box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
}
div.header div.menu div.left{float:left; padding-left:5%;}
div.header div.menu div.left img {height:95px; margin-top:25px;  
    -webkit-filter: drop-shadow(1px 1px 1px rgb(24, 24, 24));
    filter: drop-shadow(1px 1px 1px  rgb(24, 24, 24));

}
    
div.header div.menu div.right{float:right; margin-right:5%; }
div.header div.menu div.right div.smenu {margin-top:102px; }
div.header div.menu div.right div.smenu a {color:#f4d697; font-size:15px; margin-left:10px;   text-transform: uppercase;}
div.header div.menu div.right div.smenu a:hover {}



div.header div.menu2{display:none; text-align:center;  min-width: 650px;
    width:100%; position:relative; z-index:100; height:150px; background: #262421; 
    -webkit-box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
-moz-box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
box-shadow: 0px -3px 9px 2px rgba(107,106,107,0.61);
}
div.header div.menu2 img {height:65px;  margin-top:25px;   margin-bottom:20px;
    -webkit-filter: drop-shadow(1px 1px 1px rgb(24, 24, 24));
    filter: drop-shadow(1px 1px 1px  rgb(24, 24, 24));}
div.header div.menu2 div.smenu a {color:#f4d697; font-size:13px; margin-left:10px;  text-transform: uppercase;}



div.header div.bimg{width:100%; max-width:100%;  position: relative;   text-align: center;    max-height: 80vh; overflow: hidden; }
div.header div.bimg p {color:#fff; width:100%;   
    -webkit-filter: drop-shadow(1px 1px 2px rgb(24, 24, 24));
    filter: drop-shadow(1px 1px 2px  rgb(24, 24, 24));

    margin-left: 0 auto;
    margin-right: 0 auto;
    position: absolute;
    
    z-index: 10;
    top: 70%;

    font-size: 4vh;  }
.just{text-align:justify;}
h3 {font-family: 'Charm', cursive;    font-style: italic;}
div.header div.bimg img {width:100%; display:inherit; transition: transform .9s;}
div.header div.bimg img:hover {transform: scale(1.03, 1.03);}
img.rnd {  border-radius: 20px 0px 20px 0px;}
div.content {width:100%; float:flex; margin-left:auto; margin-right:auto; text-align:center; }
div.content  h3 {width:100%; border-bottom:1px solid radial-gradient(circle, rgba(203,198,185,1) 0%, rgba(0,212,255,0) 100%); 
    color:#712015; height:50px; margin-top:20px;  padding-top:10px;  margin-bottom:15px; text-align:center;  }
div.ornament{ width:100%; text-align:center; border:0px solid #000; }
div.selector {height:1px; 
    background: rgb(113,32,21);
    background: radial-gradient(circle, rgba(113,32,21,1) 29%, rgba(255,255,255,0) 100%);
}
div.content div.tortenet {margin-top:5px;width:60%; float:flex; margin-left:auto; margin-right:auto;  }
div.content div.tortenet .row {margin-bottom:20px;}
div.content div.tortenet .col {margin-top:auto; margin-bottom:auto;}
div.content div.tortenet  span {color:#712015; font-weight:bold;  font-style: italic; font-size:17px;}

div.content div.tortenet p {padding:10px;}
div.content div.tortenet img {width: 100%;  }

   div.content  div.pictext p {color:#fff;  margin-top:auto;
    margin-bottom:auto;}
   div.content div.pictext p span {color:#fff; font-weight:bold;  font-style: italic; font-size:17px;  }

   div.content div.borok{margin-top:5px; width:90%;  text-align:center; margin-left:auto; 
    margin-right:auto; border:0px solid #000; display:flex; flex-wrap: wrap;}
   div.content div.borok div.card{ width:500px; margin-left:auto; margin-right:auto;
     margin-bottom:20px; border-radius: 0px; border:0px solid #000; border-bottom:1px dotted #aaa; position:relative;}
   div.content div.borok div.card h5.card-title {color:#712015; font-size:26px;  font-style: italic; }
   div.content div.borok div.card span {color:#712015; font-style: italic;}
   div.content div.borok div.card p.card-text { margin:-10px; }
   div.content div.borok div.card div.hd {display:none; position: absolute; top:0px;  text-align:center;
    padding:10px; border-radius: 10px;
   color:rgb(39, 39, 39);
    background:rgba(236, 236, 236, 0.6); width:90%; height:440px; 
     border:1px solid rgb(214, 214, 214);   }
     div.content div.borok div.card div.hd h4 {margin-top:10px; font-style: italic;}

    div.content div.borok div.card div.hd p {
        text-align:justify;
        padding:30px;
      
      
        margin-top:auto; margin-bottom:auto;
    }
 
   div.content div.borok div.card .card-img-top { width:60%; margin-left:auto; margin-right:auto;}



    div.content div.szolofajta{margin-top:5px;width:80%;  text-align:center; margin-left:auto; margin-right:auto; border:0px solid #000; display:flex; flex-wrap: wrap;}
    div.content div.szolofajta div.card{ width:350px; margin-left:auto; margin-right:auto; margin-bottom:20px;  }
    div.content div.szolofajta div.card .card-img-top {}

   

div.content div.arak {margin-top:5px; width:60%; float:flex; margin-left:auto; margin-right:auto;  }
div.content div.arak p {padding:10px;}
div.content div.arak p span {color:#712015; font-weight:bold;  font-style: italic; font-size:17px;}
div.content div.arak table {margin-left:0px;}
div.content div.arak table span {color:#712015; font-weight:bold;  font-style: italic; font-size:17px;}
div.content div.arak .col {margin-top:auto; margin-bottom:auto; padding:0px; }
div.content div.arak img {width: 100%;  }


div.footer {width:100%;  margin-left:auto; margin-right:auto; 
    background: #262421; color:#f4d697; margin-top:5px; border-top: 5px solid #cbc6b9;  
    padding-top:30px;  text-align:center;
    font-size:14px; 
}
div.footer h3 {color:#f4d697; text-align: center;}
div.footer form {width:40%; margin-left:auto; margin-right:auto; margin-bottom:40px; }
div.footer form div.form-group {text-align:left;}

div.footer div.row img.logo {height:40px;}
div.footer div.row {width:90%; margin-left:auto; margin-right:auto;}
div.footer div.row  div.col {text-align:center;}
div.footer div.sitemap { padding-top:30px; padding-bottom:30px;}
div.footer  a {color:#f4d697;}
div.footer  a:hover {color:#696968;}
.fa {
    font-size:25px;
    padding: 5px;
  
  }
div.footer div.row  div.col p {padding:10px;}
div.footer div.row div.left {text-align:left;}
  div.map {
   
    background-attachment: fixed;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height:300px;  background-image:url("../images/terkep.png");  }




    @media only screen and (max-width: 1600px) {
        div.content div.borok div.card{ width:400px;}
        div.content div.borok div.card .card-img-top {width:80%;}
        div.content div.borok div.card div.hd {font-size:14px; }
        div.content div.borok div.card div.hd p {padding:10px;}
      }

    @media only screen and (max-width: 1450px) {
        div.footer form {width:60%;}
    }
@media only screen and (max-width: 1331px) {
    div.header div.menu div.left img {height:65px; margin-top: 55px;}
    div.content div.tortenet {margin-top:40px;width:80%; float:flex; margin-left:auto; margin-right:auto;  }
    div.content div.arak {margin-top:40px; width:80%; float:flex; margin-left:auto; margin-right:auto;  }
    div.content div.csapatepites {width:80%;}
    div.content div.programok {width:80%;}
    div.content div.ajanlatok div.col a {
        border-radius: 10px;
        color:#fff;
        padding:10px;
        background: rgba(0, 0, 0, 0.6);
        margin-left: auto;
        margin-right:  auto;
        position: absolute;
        width:45%;
        z-index: 10;
        top: 50%;
        transition: transform .9s;
        font-size: 2vh;
    }
  }

  @media only screen and (max-width: 1145px) {
    div.header div.menu div.right div.smenu a {font-size:13px;}
    div.header div.menuscr div.right div.smenu a {font-size:13px;}
  }
  @media only screen and (max-width: 1130px) {
    div.content div.borok div.card{ width:400px;}
    div.content div.borok div.card div.hd {font-size:14px;}
  }
  

  @media only screen and (max-width: 1056px) {
    div.header div.menu  {display:none;}
    div.header div.bimg p {font-size:3vh;}
    div.header div.menu2 {display:block; position: relative; top: 0px;}
    div.content div.tortenet {margin-top:40px;width:90%; float:flex; margin-left:auto; margin-right:auto;  }
    div.content div.arak {margin-top:40px; width:90%; float:flex; margin-left:auto; margin-right:auto;  }
    div.content  div.pictext p {color:#fff;  margin-top:auto;
        margin-bottom:auto; font-size:15px;}
       div.content div.pictext p span {color:#fff; font-weight:bold;  font-style: italic; font-size:16px;  }
 
  }
  @media only screen and (max-width: 1010px) {
    div.content div.ajanlatok .col {flex: 0 0 100%; max-width: 100%;}
    div.content div.ajanlatok .col {margin:0px;}
    div.content div.ajanlatok .col:last-child {border-top:4px solid #fff;}
    div.content div.programok div.row div.col{flex: 0 0 100%; max-width: 100%;}
    div.content div.programok div.row div.col img {margin-bottom:5px;}
    
    div.content div.arak div.row div.col{ flex: 0 0 100%; max-width: 100%;}
    div.content div.arak {margin-top:40px; width:60%; float:flex; margin-left:auto; margin-right:auto;  }
    div.content div.arak table {margin-left:0px; margin-top:10px;}
  }

  @media only screen and (max-width: 950px) {
  div.content  div.pictext{
     width:80%;
    
    }
    div.footer form {width:80%;}
    div.footer {font-size:12px;}
    div.footer h4 {font-size:1rem;}
}

@media only screen and (max-width: 906px) {
    div.content div.borok div.card{ width:600px;}
    div.content div.borok div.card .card-img-top {width:50%;}
    div.content div.borok div.card div.hd {font-size:14px;}
  }
  


  @media only screen and (max-width: 810px) {
      body {font-size: 14px;}
      div.content div.tortenet span {font-size:14px;}
      div.content div.tortenet div.row div.col span {font-size:14px;}
      
      div.content div.arak div.row div.col span {font-size:14px;}
      div.content div.programok div.row div.col span {font-size:14px;}
      div.content div.csapatepites p span {font-size:14px;}
      div.content div.csapatepites ul li span {font-size:14px;}
     
    div.content div.tortenet .row {
        margin-bottom: 5px;
    }
    div.header div.bimg p {font-size:2vh;}
   
    div.content div.tortenet div.row div.col-6{ flex: 0 0 100%; max-width: 100%;}
    div.content div.tortenet p {padding-bottom:0px;}
    div.content div.pictext p span {color:#fff; font-weight:bold;  font-style: italic; font-size:14px;  }
    div.content div.arak {margin-top:5px; width:80%; float:flex; margin-left:auto; margin-right:auto;  }
  }

  @media only screen and (max-width: 750px) {
    div.footer div.row img.logo {height:30px;}
    div.content  div.pictext{ 
         width:70%;
         height:70%;
         
         background-color: rgba(0, 0, 0, 0.8);
         margin-left:  auto;
         margin-right:  auto;
        
         position: relative;
         
         z-index: 900;
         top: 20%;
        }
        div.bgimg-1 p {font-size:2.5vh;}
  }