body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #000000;
	font-family: 'Oswald', sans-serif;
	background-image:url("images/hatter.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

.fejlec {
	width: 100%;
	height: auto;
}

.fejlec img {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 10;
	animation-name: example;
	animation-duration: 12s;
	animation-iteration-count: infinite;	
}

@keyframes example {
    0%   {
        filter: brightness(1);

        -webkit-filter: brightness(1);

    }
    20%  {
        filter: brightness(0.7);

        -webkit-filter: brightness(0.7);

    }
    50%  {
        filter: brightness(1.7);

        -webkit-filter: brightness(1.7);

    }	
    100% {
        filter: brightness(1);

        -webkit-filter: brightness(1);

    }
}

.fejfelir {
	text-align: center;	
	width: 100%;
	position: absolute;
	z-index: 20;
	color: #f3ecbb;
	font-weight: 100;
	-webkit-animation: fadein 4s;	
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.fejfelir h1 {
	font-size:78px;
	margin-top: 10px;
	margin-bottom: 0px;
}

.fejfelir p {
	font-size:20px;
	margin-top: -15px;
	margin-bottom: 0px;
}

.zene {	
	display:none;
	position: absolute;
	right: 30px;
	top:30px;
	z-index: 20;	
	-webkit-animation: fadein 4s;	
}

.tartalomcont {
	position:absolute;
	margin-top:80vh;
	z-index: 30;
	width: 100%;
}

.tartalom {
	/* width: 1100px; */
	margin-left: auto;
	margin-right: auto;
	border:1px solid red;
	background: rgba(0,0,0,0.7);
	color: #f3ecbb;
	padding: 15px;
	font-size: 20px;
	text-align: justify;
}

.tartalom2 {
	margin-top: 40px;
	/* width: 1100px; */
	margin-left: auto;
	margin-right: auto;
	border:1px solid red;
	background: rgba(0,0,0,0.7);
	color: #f1f1f1;
	padding: 15px;
	font-size: 20px;
	text-align: justify;
}

.times {
  font-family: "Times New Roman", Times, serif;
}

.kepek {
	margin-top: 40px;
	/*width: 1100px;*/
	margin-left: auto;
	margin-right: auto;
	/* background: rgba(0,0,0,0.7); */
	border:1px solid red;
	color: #f1f1f1;
	padding: 15px;
	font-size: 20px;
	text-align: center;
}

.kepek2 {
	margin-top: 40px;
	/*width: 1100px;*/
	margin-left: auto;
	margin-right: auto;
	/* background: rgba(0,0,0,0.7); */
	/*border:1px solid red;*/
	color: #f1f1f1;
	/*padding: 15px;*/
	font-size: 20px;
	text-align: center;
}

.kepek2 img {
	width: 100%;
	height: auto;
}

.tartalom2 h1{
	text-align: center;
	color: #c761e9;
}

.tartalom2 p::first-letter {
  font-size: 36px;
  color: #c761e9;
}

.lila {
	color: #c761e9;
}

.telsz {
	text-align: center;
	color: #cf6231 !important;
	font-size: 38px;
}