/* --------------- Fejléc (eleje.php) --------------- */
	
	html {
		overflow-x: hidden;
	}
	
	.fmenu {
		position: relative;
		display: flex;
		justify-content: center;
		height: 100px;
		width: 100vw;
		left: 0px;
		top: 10px;
		background-image: url("kepek/Szonyegminta.jpg");
		margin: -10px -10px 0px -10px;
		color: white;
	}
	
	a:link, a:visited, a:hover, a:active {
		text-decoration: none;
	}
	
	a {
		color: white;
	}
	
	.fmenu1, .fmenu2 {
		background-color: brown;
		color: white;
		font-family: "Times New Roman";
		letter-spacing: .8px;
		width: 30vw;
		height: 100px;
		font-size: 30pt;
        line-height: 100%;
		margin: 0px 0px 0px 0px;
		display: flex;
		justify-content: center;
		text-align: center;
		align-items: center;
		padding: 10px;
		box-sizing:border-box;
		box-shadow: 10px 10px 8px grey;
		border: 3px #003366;
		border-radius: 0px 0px 10px 10px;
		border-style: none solid solid solid;
		border-top: 1px solid white;
        transition: 0.4s;
	}
	
	.fmenu1 {
		margin-right: 10px;
	}
	
	.fmenu1:hover, .fmenu2:hover {
		background-color: #003366;
	}
	
	.fmenu2 {
		margin-left: 10px;
	}
	
	@media (max-width:700px) {
  
		.fmenu1, .fmenu2 {
		font-size: 32px;
		width: 35vw;
		}
	}
	
	@media (max-width:500px) {
  
		.fmenu1, .fmenu2 {
		font-size: 24px;
		}
	}
	
	.fejmenu {
		top: 0px;
		z-index: 99;
	}
	
	.fejlec {
		position: relative;
		display: flex;
		justify-content: center;
		height: 220px;
		width: 100vw;
		left: 0px;
		top: 0px;
		background-color: brown;
		color: white;
/*		margin: -10px -10px 0px -10px;*/
	}

	.fej1, .fej2, .fej3 {
		background-color: brown;
		color: white;
		font-family: "Times New Roman";
		font-size: 50px;
		letter-spacing: 1pt;
		width: 200px;
		height: 200px;
		margin: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px;
		box-sizing:border-box;
	}
	
	@media (max-width:700px) {
  
		.fej1, .fej3 {
			display: none;
		}
		
		.fej2 {
			height: 100px;
			font-size: 40px;
		}
				
		.fejlec {
			height: 120px;
		}
	}
	
	.fej2 {
		width: 400px;
		text-align: center;
	}
	
	@media (max-width:400px) {
  
		.fej2 {
		width: 100%;
		}
	}
	
	.fej1>img, .fej3>img {
		border-radius: 50%;
		border: 3px solid white;
		height: 200px;
	}
		
/* --------------- Slideshow (index.php) --------------- */

	.kepindito {
		position: relative;
		box-sizing: border-box;
		width: 100%;
		height: 500px;
		margin-top: 20px;
	}
	
	#keplapozo {
		position: absolute;
		border: 20px solid brown;
		border-radius: 10px;
		box-shadow: 10px 10px 8px grey;
		width:640px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	
	@media (max-width:660px) {
  
		#keplapozo {
			width:100%;
			left: 0px;
			top: 50%;
			transform: translate(0%, -50%);
		}
	}
	
	.szoveg {
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}
	
	figcaption {
		color: white;
		font-family: "Times New Roman", Times, serif;
		font-size: 24px;
		letter-spacing: .8px;
		background: rgba(0,0,0,0.5);
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 60px;
		padding: 0px;
	}
	
/* --------------- Lábléc (vege.php) --------------- */
	
	div {
		box-sizing: border-box;
    }

    .elso {
		bottom: 0px;
		width: 100%;
		height: 224px;
		background: #003366;
	}
	
    .container {
		display: flex;
		justify-content: center;
		bottom: 0px;
		width: 100%;
	}
	
	.box {
		height: 224px;
		padding: 10px;
		text-align: center;
		background: #003366;
		width: 224px;
	}
	
	.box>img {
		height: 200px;
		border-radius: 50%;
		border: 3px solid white;
	}

	#kepvalto {
		background: url("kepek/Apa vedel.jpg");
		background-size: contain;
		text-align: center;
		padding: 10px;
		height: 200px;
		width: 200px;
		border-radius: 50%;
		border: 3px solid white;
	}
	
	@media (max-width:700px) {
		.box>img, #kepvalto {
			height: 130px;
			width: 130px;
			}
		.box {
			padding: 5px;
			width: 144px;
			height: 144px;
			}
		.elso {
			height: 144px;
			}
	}

	@media (max-width:450px) {
		.box>img, #kepvalto {
			height: 100px;
			width: 100px;
			}
		.box {
			padding: 5px;
			width: 110px;
			height: 110px;
			}
		.elso {
			height: 110px;
			}
	}
	
/* --------------- Menü (kepmenu.php) --------------- */	
	
	.kontener {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	
	.dobozok {
		display: inline-block;
		margin: 10px;
		width: 30%;
		min-width: 320px;
		height: 60px;
		background: brown;
		border: 3px solid #003366;
		border-radius: 10px;
		box-shadow: 10px 10px 8px grey;
	}
	
	.kepfelirat {
		position: relative;
		width: 100%;
		height: 100%;
		color: white;
		font-family: "Times New Roman", Times, serif;
		font-size: 26px;
		letter-spacing: .8px;
	}
	
	@media (max-width:450px), (orientation: landscape) and (max-height:600px) {
		.kepfelirat {
			font-size: 22px;
			letter-spacing: 0px;
		}
	}
	
	span {
		position: absolute;
		top: 30px;
		width:100%;
		left: 0px;
		color: white;
		transform: translate(0%,-50%);
	}
	
	.ny_menu {
		width: 100%;
		height: 100%;
		background-color: brown;
		border-radius: 7px;
        transition: 0.3s;
	}
	
	.ny_menu:hover {
		background-color: #003366;
	}
	
/* --------------- Képek (kepek.php) --------------- */	
	
	.k_kontener {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	
	.k_dobozok {
		display: inline-block;
		margin: 10px;
		max-width: 420px;
		height: 300px;
		background: brown;
		border: 3px solid #003366;
		border-radius: 10px;
		box-shadow: 10px 10px 8px grey;
	}
	
	.k_kepfelirat {
		position: relative;
	}
	
	img[height="240px"] {
        max-width: 414px;
		border-radius: 7px 7px 0px 0px;
	}

    @media (max-width:450px) {
		.k_dobozok {
		    max-width: 386px;
		}
        img[height="240px"] {
            max-width: 380px;
	    }
	}
	
	.k_kepfelirat > figcaption {
		background-color: brown;
		border-radius: 0px 0px 7px 7px;
		position: relative;
		color: white;
		font-family: "Times New Roman", Times, serif;
		font-size: 20px;
		letter-spacing: .8px;
        line-height: 100%;
		margin-top: -6px;
	}
	
	@media (max-width:450px), (orientation: landscape) and (max-height:600px) {
		.k_kepfelirat > figcaption {
			letter-spacing: 0px;
		}
	}
	
	.k_szoveg {
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
	}

/* --------------- Felugró ablak (big_kep.php) --------------- */
	
	#big_kulso {
        min-height: 100vh;
        width: 100%;
        top: 0px;
        left: 0px;
        background: rgba(0,0,0,0.5);
	}
    
    #big_kozepso {
        position: absolute;
        border: 10px solid white;
        border-radius: 10px;
        cursor: pointer;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        box-sizing: content-box;
        display: none;
	}