@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; font-family:Verdana;}
.clear { clear:both;}
body {   min-height: 1000px;}

.section { padding:10px 0; }
.container { width:100%; min-height:50px; padding:0 15px; background-color:;}




.nav { min-height:50px; width:100%; background-color:#161616; position:fixed; display:block; z-index:100 }
.fejlec { padding-top:100px; padding-bottom:50px; background-color:#fff; min-height:200px;}



.fejlec h2 {padding-top:45px; letter-spacing:1px; color:#13325E; width:90%; margin-bottom:10px;}
.fejlec p { color:#444; line-height:26px; width:90%; font-size:15px; text-align:justify; margin-bottom:10px;}
.fejlec a { text-decoration:none; color:#09F; font-weight:bold;}


.nav h1 { color:#fff; font-size:18px; padding-top:15px;}

.elemek .container { padding:0 0.5%; background-color:#EFEFEF}
.elemek  .vizsgazo {position:relative; width:23.75%; padding-bottom:23.75%; background-color:blue; margin:10px 0.5%; float:left; background-color: #069; background-position: center center; background-size: cover; }

.elemek .vizsgazo p {  margin: 0;
    background-color:rgba(19,50,94,0.8);
    position: absolute;
    top: 90%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	color:white; font-weight:bold; font-size:14px; letter-spacing:1px; padding:10px 30px;}
	
	
	
	
	
.ancza { background-image:url(kepek/ancza.jpg);}
.ban { background-image:url(kepek/ban.jpg);}
.baranyi { background-image:url(kepek/baranyi.jpg);}
.buschman { background-image:url(kepek/buschman.jpg);}
.czank { background-image:url(kepek/czank.jpg);}
.csaki { background-image:url(kepek/csaki.jpg);}
.dosa { background-image:url(kepek/dosa.jpg);}
.engard { background-image:url(kepek/engard.jpg);}
.forgacs { background-image:url(kepek/forgacs.jpg);}
.gyorgy { background-image:url(kepek/gyorgy.jpg);}
.gyurkity { background-image:url(kepek/gyurkity.jpg);}
.horvath { background-image:url(kepek/horvath.jpg);}
.kifut { background-image:url(kepek/kifut.jpg);}
.kovacs { background-image:url(kepek/kovacs.jpg);}
.kubisch { background-image:url(kepek/kubisch.jpg);}
.laszlo { background-image:url(kepek/laszlo.jpg);}
.osvalt { background-image:url(kepek/osvalt.jpg);}
.petruska { background-image:url(kepek/petruska.jpg);}
.simon { background-image:url(kepek/simon.jpg);}
.suranyi { background-image:url(kepek/suranyi.jpg);}
.szabo { background-image:url(kepek/szabo.jpg);}






.hasab { float:left; min-height:0; width:25%;  }
.hasab img { width:100%;}
.elemek h2 { padding:10px 0; }


.top { background-color:#FFF; position:fixed; width:100%; z-index:100; display:block; }
.top h1 { color:#222222; font-size:22px; padding-top:10px; float:left;}
.alcim { background-color:#333333; border-bottom:2px #5BB7EE solid; padding-top:100px;}
.alcim h2 { color:#EFEFEF; text-align:center; padding-top:15px; }
.top .container { max-width:1100px; margin:0 auto;}
.back { float:right; padding-top:14px; }
.back a { color:#5BB7EE; font-weight:bold; text-decoration:none;}

#columns {
	column-width: 320px;
	column-gap: 15px;
  width: 90%;
	max-width: 1100px;
	margin: 50px auto;
}

div#columns figure {
	background: #fefefe;
	border: 2px solid #fcfcfc;
	box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
	margin: 0 2px 15px;
	padding: 15px;
	padding-bottom: 10px;
	transition: opacity .4s ease-in-out;
  display: inline-block;
  column-break-inside: avoid;
}

div#columns figure img {
	width: 100%; height: auto;
	
	padding-bottom: 15px;
	margin-bottom: 5px;
}

div#columns figure figcaption {
  font-size: .9rem;
	color: #444;
  line-height: 1.5;
}

div#columns small { 
  font-size: 1rem;
  float: right; 
  text-transform: uppercase;
  color: #aaa;

} 

div#columns small a { 
  color: #666; 
  text-decoration: none; 
  transition: .4s color;
}

div#columns:hover figure:not(:hover) {
	opacity: 0.9;
}






@media screen and (min-width: 750px) and (max-width: 980px) { 
  #columns { column-gap: 65px; }
  #columns figure { width: 100%; }
.elemek .vizsgazo { width:49%; padding-bottom:50%;}
.top h1 { float:none; text-align:center; }
.back { float:none; width:100%; text-align:center; }

}

@media screen and (min-width: 0px) and (max-width: 749px) { 
  #columns { column-gap: 0px; margin-left:0; margin-right:0; }
  #columns figure { width: 100%; }
.elemek .vizsgazo { width:90%; padding-bottom:70%; margin-left:5%;}
.container { padding:0;}
.nav h1,.top h1 { float:none; text-align:center; }
.back { float:none; width:100%; text-align:center; }
.fejlec .container { padding:0 5%; width:auto; }
.fejlec h2, .fejlec p { width:100%;}
}