@font-face {
  font-family: TrajanPro;
  src: url('TrajanPro-Regular.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: TrajanPro;
  src: url('TrajanPro-Bold.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}


	:root{
		--body-hatter: 474747;
		--link-szin: #872904;
		--betu-szin: #000000;
		--fejlec-szin: #ffffff;
	}
	
@media (min-width: 1025px) {
	

	*{
		font-family: 'TrajanPro';
		font-size: 12pt;
		color:var(--betu-szin);
	}
	
	h1{		
		text-align: center;
		width:100%;
		margin:0px;
		font-size: 36pt;
		color:var(--fejlec-szin);
		padding-top:20px;
		padding-bottom: 20px;
	}

	h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		font-size: 16pt;
		color:var(--betu-szin);
		text-align:left;
	}
	
	p{
		padding:0px;
		margin:0px;
		color:var(--betu-szin);
		text-align:left;
		text-transform: uppercase;
		font-size: 12pt;		
	}		

	body{
		padding:0px;
		margin:0px;
		background: url(../images/hatter.jpg) no-repeat center center fixed; 
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;		
	}

	/* --- FEJLEC --- */
	.fejlec{
		padding-top: 30px;
		padding-bottom: 30px;		
	}
}


@media (max-width: 1024.98px) {
	
	
	
	*{
		font-family: 'TrajanPro';
		font-size: 12pt;
		color:var(--betu-szin);
	}
	
	h1{		
		text-align: center;
		width:100%;
		margin:0px;
		font-size: 24pt;
		color:var(--fejlec-szin);
		padding-top:20px;
		padding-bottom: 20px;
	}

	h2{
		padding:0px;
		margin:0px;
		font-weight:bold;
		font-size: 16pt;
		color:var(--betu-szin);
		text-align:left;
	}
	
	p{
		padding:0px;
		margin:0px;
		color:var(--betu-szin);
		text-align:left;
		text-transform: uppercase;
		font-size: 12pt;		
	}		

	body{
		padding:0px;
		margin:0px;
		background: url(../images/hatter.jpg) no-repeat center center fixed !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;		
	}
	
	.tartalom{
		background-color:rgba(255,255,255,0.2);		
	}

	/* --- FEJLEC --- */
	.fejlec{
		padding-top: 10px;
		padding-bottom: 10px;		
	}
}