@CHARSET "UTF-8";

body {
	background: black;
	color: lightgrey;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	margin: 100px auto;
	padding: 0 50px 0 50px; 
}

a {
	text-decoration: none;
}

article {
	display: flex;
	height: 520px;
}

.textleft {
	text-align: left;
}

.textcenter {
	text-align: center;
}

.textright {
	text-align: right;
}

#left1, #left2, #left3, #left4 {
   	display: block
  	height: 520px;
  	margin-right: 10px;
  	flex: 1;
  	background-repeat: no-repeat;
	background-position: right bottom;
  	border-radius: 25px 25px 0 0;
}

#left1 {
	background-image: url('../img/menu_turak_ff.jpg');
}

#left2 {
	background-image: url('../img/menu_tagok_ff.jpg');
}

#left3 {
	background-image: url('../img/menu_klub_ff.jpg');
}

#left4 {
	background-image: url('../img/menu_tanfolyam_ff.jpg');
	background-position: right top;
}

#left1:hover {
	background-image: url('../img/menu_turak.jpg');
}

#left2:hover {
	background-image: url('../img/menu_tagok.jpg');
}


#left3:hover {
	background-image: url('../img/menu_klub.jpg');
}

#left4:hover {
	background-image: url('../img/menu_tanfolyam.jpg');
}


#menu1, #menu2, #menu3, #menu4 {
	display: block;
	font-size: 24px;
	color: white;
	padding: 70px 10px 10px 10px;
	opacity: 0.9;
  	flex: 1;
  	margin: 410px 0 0 0;
}

#menu1 {
	background-color: #c4d82e;
}

#menu2 {
	background-color: #9fbc2e;
}

#menu3 {
	background-color: #82a53c;
}

#menu4 {
	background-color: indianred;
}

#right {
	float: right;
	background-image: url('../img/tbe.png');
	background-size: 400px;
	background-repeat: no-repeat;
	width: 400px;
	height: 520px;
	/*border: 1px solid red;*/
}

#sponsors {
	margin-top: 150px;
	width: 100%;
	background: white;
	text-align: center;
	radius: 20px;
	color: darkgrey;
	padding: 10px;
}

#sponsors img {
	height: 100px;
}

footer {
	border-top: 1px solid lightgrey;
	margin-top: 10px;
	padding-top: 10px;
	display: flex;
}

footer div {
	flex: 1;
	padding: 0 5px;
}

footer a {
	color: lightgrey;
}

footer a:hover {
	color: wheat;
}

#copyright {
	text-align: right;
	margin-top: 20px;
	line-height: 30px;
	float: right;
	border-top: 2px dotted dimgrey;
	padding-left: 20px;
}

#copyright a {
	color: dimgrey;
}

@media only screen and (max-width: 1100px) {
	
  	body {
  		padding: 0;
		margin: 30px 20px 20px 20px;
  	}
  	
	 #right {
  		float: none;
  		margin: 0 auto 50px auto;
  		background-size: 90%;
  	}
  	
  	#left4  {
  		margin-right: 0;
  	}
}

@media only screen and (max-width: 900px) {
       
	article {
		flex-direction: column;
	}  
	
	#right {
		float: none;
		background-image: url('../img/tbe.png');
		background-size: 300px;
		background-position: center center;
		background-repeat: no-repeat;
		width: 300px;
		height: 420px;
	}

	#left1, #left2, #left3, #left4 {
		margin-right: 0;
		margin-bottom: 20px;
	}
	
	#left1 {
		background-image: url('../img/menu_turak.jpg');
	}

	#left2 {
		background-image: url('../img/menu_tagok.jpg');
	}
	
	#left3 {
		background-image: url('../img/menu_klub.jpg');
	}
	
	#left4 {
		background-image: url('../img/menu_tanfolyam.jpg');
	}
	
	footer {
		position: relative;
		top: 1630px;
	}
  
  	#copyright {
		position: relative;
		top: 1630px;
		padding-bottom: 30px;
	}
}