body {font-family: Verdana;}
/* body {background: url('../../../kepek/rendszer/hatter.jpg') no-repeat center center fixed; background-size: cover;}*/
main {min-height: 768px;}

.sav {background: rgba(255,255,255,0.9); color: #444; margin-top: 200px;}
.kurzusok {
	display:flex;
	padding: 30px;
}
.kurzusok div {padding: 30px 30px;}
@media screen and (max-width: 800px){
	.kurzusok {
		flex-direction: column;
	}

}
.kurzusok img {  width: 100%; border-radius: 4px; border: 2px dotted gold; padding: 10px;}
.reklam {text-align:center; padding: 30px 60px;}
.reklam img {max-width: 600px; width: 100%; border-radius: 14px;}

.sav h1 {background: lightblue; color:white; text-align: center; padding: 10px;}
.sav .tartalom {max-width: 1000px; margin: 0 auto; display: flex; overflow: hidden; padding: 0 30px 30px 0;}
.sav .tartalom div{flex:1;}
.sav .tartalom .bal {text-align: center;}
.sav .tartalom div img{padding: 10px; max-width: 400px; width: 100%; margin: 0 auto;}
.sav .tartalom li{font-weight: bold;}
.sav .tartalom ul{padding: 20px;}
.sav .tartalom p{padding: 20px;}
@media screen and (max-width: 800px){
	.sav .tartalom {flex-direction: column;}
}

.orarend {margin: 10px;}
.orarend th, .orarend td {text-align: center;}
.orarend .napok th {background: gold; border: 1px solid white; padding: 10px;}
.orarend .orak td {background: beige; border: 1px solid white; padding: 10px;  font-family: monospace; padding: 10px 0px; font-size: 16px;}
.orarend .napok th span:nth-of-type(1) {display: none;}
@media screen and (max-width: 800px){
	.orarend .napok th span:nth-of-type(2) {display: none;}
	.orarend .napok th span:nth-of-type(1) {display: block;}
	.orarend .orak th, .orarend .orak td{padding: 10px 0; font-size: 14px;}
}

.kapcsolat {max-width: 600px; margin: 0 auto;}
.kapcsolat div {text-align: left;}
.kapcsolat label {display: block; padding: 10px 0 5px 0;}
.kapcsolat textarea {height: 100px; width: 500px;}
.kapcsolat img {border: 1px solid #ccc;}
.kapcsolat button {background: gray; border: none; padding: 10px 30px; color:white; cursor: pointer;}
@media screen and (max-width: 800px){
	.kapcsolat {padding: 10px;}
	.kapcsolat textarea {width: 100%;}
}