body {
	background-color: #e4a538;
	font-family: "Comic Sans MS", cursive, sans-serif;
	margin: 0;
	padding: 0;
	padding-top: 90px;
}


.evfolyamok_wrap{
	display: flex;
	flex-direction: row;
	width: 98%;
	margin-left: 1%;
	margin-right: 1%; 
	flex-wrap: wrap;
	align-items: stretch;
	font-family: "Comic Sans MS", cursive, sans-serif;
}

* {

}

.box_evfolyamok{
	box-sizing: border-box;
	width: 23%;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #680a0a;
	margin-bottom: 20px;
	cursor: pointer;
	color: white; 
	border: 3px solid #ff7e00;
	padding: 10px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-image: url("../img/liget_szin4.jpg");
	background-size: cover;
	margin-bottom: 20px;
	cursor: pointer;
}

.evfolyamok_wrap:after{
  content: "";
  flex: auto;
}

.cim_evfolyamok {
	font-size: 23px;
	/*color: #66cc1a;*/
	color: lightgreen;
}

.nev_evfolyamok {
	padding-left: 10px; 
	font-size: 20px;
}

.kep_span_evfolyamok {
	width: 100%;
	margin-left: auto;
	min-width: 100px;
}

.kep_evfolyamok {
	width: 100%;
	float: right;
}

.szoveg_evfolyamok {
	padding-right: 20px;
	width: 100%;
	margin-bottom: 10px; 
}

.sor_evfolyamok {
	padding-left: 15px;
	font-size: 15px;
}

#evfolyam_flex_div {
	display: flex;
	flex-direction: column;
}

#evfolyam_kepek_div,
#evfolyam_div {
	color: white;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

#evfolyam_cim {
	font-size: 28px;
	margin-bottom: 10px;
}

.evfolyam_img {
	width: 40%;
	min-width: 380px;
	max-width: 500px;
}

#evfolyam_tanar {
	font-size: 22px;
	margin-bottom: 10px;
}

#evfolyam_tanar_link {
	text-decoration: underline;
	color: white;
	cursor: pointer;
}

#evfolyam_tartalom {
	font-size: 18px;
}

#evfolyam_kepek_cim {
	font-size: 24px;
	margin-bottom: 10px;
	margin-top: 20px;
}

#evfolyam_slideshow {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
}

.evfolyam_slideshow_kep {

}

.kep_div {
	width: 18%;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
	cursor: pointer;
	background-image: url(../img/liget_szin4.jpg);
	text-align: center;
}

.evfolyam_slideshow_img {
	width: 95%;
	margin: 5px auto 1px auto;
}

#evfolyam_picture {
	float: left;
	max-width: 400px;
	margin-right: 20px;
}

#evfolyam_picture img {
	width: 100%;
}

#footer_div {
	margin-top: 20px;
}

@media screen and (max-width: 800px)
{
	.evfolyam_img {
		width: 100%;
		max-width: unset;
		min-width: unset;
	}

	#evfolyam_picture {
		width: 35%;
	}
}

@media screen and (max-width: 580px)
{
	.box_evfolyamok {
		/*flex-direction: column-reverse; */
	}

	.szoveg_evfolyamok {
		width: 100%;
	}

	.kep_span_evfolyamok {
		width: 90%;
		margin: auto;
		margin-bottom: 20px; 
	}

	#evfolyam_picture {
		float: none;
	}

	.evfolyam_img {
		width: 60%;
		display: block;
		margin: auto;
	}
}

@media screen and (max-width: 430px)
{
	#evfolyam_img {
		width: 100%;
		min-width: unset;
		max-width: none;
	}
}

@media screen and (max-width: 400px)
{
	.cim_evfolyamok {
		font-size: 20px;
	}

	.nev_evfolyamok {
		font-size: 18px;
	}

	.kep_span_evfolyamok {
		width: 100%;
	}
}

@media screen and (max-width: 1500px) and (min-width: 1001px) /*4 egymas mellett*/
{
	.kep_div {
		width: 23%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 1000px) and (min-width: 751px) /*3 egymas mellett*/
{
	.kep_div {
		width: 31%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 750px) and (min-width: 501px) /*2 egymas mellett*/
{
	.box_evfolyamok {
		width: 100%;
	}
	.kep_div {
		width: 47%;
		margin-left: 1%;
		margin-right: 1%;
	}
}

@media screen and (max-width: 500px) /*1 db a sorban*/
{
	.box_evfolyamok {
		width: 85%;
	}
	.kep_div {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}