/* min-width */
@media screen and (min-width: 900px) 
{
.cimsor
{
	font-size: 30px;
}
.doboz
{
  width: 780px;
}
.mezoke
{
  padding: 12px 3px;
 	font-size: 12 px;
	//height: 30px;
}
.szerzo
{
	font-size: 60px;
}
}

/* min-width & max-width */
@media screen and (min-width: 600px) and (max-width: 900px) 
{
.cimsor
{
	font-size: 20px;
}
.doboz
{
  width: 75%;
}
.mezoke
{
  padding: 8px 3px;
 	font-size: 8 px;
	//height: 30px;
}
.szerzo
{
	font-size: 30px;
}
}

/* max device width */
@media screen and (max-device-width: 480px) 
{
.szerzo
{
	font-size: 20px;
}
.mezoke
{
  padding: 0px 3px;
 	//font-size: 8 px;
	//height: 30px;
}
}

/* vegyes mix */
@media screen
{
	body 
{
	font-family: Times New Roman, Arial, Verdana, Helvetica, sans-serif;    
	background-color: #E9F1F5;
//	font-size: 10px;
}  

h1
{
	text-align:center;  
margin-top: 0pt;
margin-bottom: 9pt;
font-weight: normal;
font-style: italic;
color: #5A5A5A;
}	
	a
{
	color: #5A5A5A;
	text-decoration: none; 
}  
  .szofi
{
  border: 1px solid #5A5A5A; // #A3A09D;
}
	.szofi_0
{
	background-color: #ECDFCF;
}
	.szofi_1
{
	background-color: #F5F0E9;
}
	.f_nincs
{
	background-color: #5A5A5A;
}
	.cimsorszin
{  
	text-align:center;  
	background-color: #7F9BA8; //#5A5A5A;
	color: #5A5A5A; // #A3A09D; //#EFD3AF;
  font-weight: bold;
  border: 1px solid #5A5A5A; // #A3A09D;
}
	.dobozszin
{
	margin-left: auto;
  margin-right: auto;
  box-shadow: 5px 5px 5px #5A5A5A;
} 
}