@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
}
body {
	background: linear-gradient(90deg, #7D3535 0%, #004A99 100%);
}
.alap {
	width: 100%;
	display: flex;
    flex-flow: column;
    align-items: center;
    padding-top: 100px;
	padding-bottom: 100px;
}
.logo {
	width:415px;
}
.logo img {
	display: block;
	width: 100%;
	height: auto;
}
.Group_71 {
	width: 697px;
	    margin-top: -5px;
}
.Group_71 img {
	display: block;
	width: 100%;
	height: auto;
}
p {
	text-align: center;
	color: white;
	margin: 0;
}
p strong {
	font-weight: 500;
}
.text1 p {
    margin-top: -75px;
}
.text1 p {
	font-size: 33px;
	line-height: 46px;
	letter-spacing: -0.002em;
}
.text2 p {
	font-size: 29px;
}
.text2 p a {
	background: #FFFFFF;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.25);
	color: black;
	text-decoration: none;
	border-radius: 50px;
	padding: 0.05em 0.8em;
    margin: 0.7em 0 0.9em 0;
    display: block;
}
.text3 p {
	font-size: 20px;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 500;
	margin-top: 110px;
}
.csikok {
	width: 350px;
	height: 17px;
	margin: 5px auto;
	display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.csik {
	width: 9px;
	height: 17px;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 1px;
    animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-delay: 0s;
}
.csik.csik1,
.csik.csik2,
.csik.csik3 {
	background: rgba(255, 255, 255, 1);
}
@keyframes szin1 {
  0% {background-color: rgba(255, 255, 255, 0.3);}
  10% {background-color: rgba(255, 255, 255, 0.3);}
  25% {background-color: rgba(255, 255, 255, 1);}
  50% {background-color: rgba(255, 255, 255, 1);}
  85% {background-color: rgba(255, 255, 255, 1);}
  100% {background-color: rgba(255, 255, 255, 0.3);}
}
@keyframes szin2 {
  0% {background-color: rgba(255, 255, 255, 0.3);}
  25% {background-color: rgba(255, 255, 255, 0.3);}
  35% {background-color: rgba(255, 255, 255, 0.3);}
  50% {background-color: rgba(255, 255, 255, 1);}
  85% {background-color: rgba(255, 255, 255, 1);}
  100% {background-color: rgba(255, 255, 255, 0.3);}
}
@keyframes szin3 {
  0% {background-color: rgba(255, 255, 255, 0.3);}
  25% {background-color: rgba(255, 255, 255, 0.3);}
  60% {background-color: rgba(255, 255, 255, 0.3);}
  75% {background-color: rgba(255, 255, 255, 1);}
  85% {background-color: rgba(255, 255, 255, 1);}
  100% {background-color: rgba(255, 255, 255, 0.3);}
}
.csik.csik4,
.csik.csik5,
.csik.csik6 {
	animation-name: szin1;
}
.csik.csik7,
.csik.csik8,
.csik.csik9 {
	animation-name: szin2;
}
.csik.csik10,
.csik.csik11,
.csik.csik12 {
	animation-name: szin3;
}

@media (max-width: 767px) {
	.alap {
		padding-top: 95px;
		padding-bottom: 70px;
	}
	.logo {
		width:247px;
		margin-bottom: 61px;
	}
	.Group_71 {
		width: 100%;
		max-width: 414px;
	}
	.text1 p {
		font-size: 23px;
		line-height: 32px;
	}	
	.text1 p {
		margin-top: 17px;
	}
	.text2 p {
		font-size: 20px;
	}
	.text2 p a {
		padding: 0.3em 0.8em;
		margin: 2em 0 2.2em 0;
	}
	.text3 p {
		margin-top: 40px;
		font-size: 17px;
	}

} /*(max-width: 767px)*/

@media (max-width: 374px) {
  .csikok {
	  width: 310px;
  }
  .csik {
	  width:10px;
	  border-radius: 0;
  }
} /*(max-width: 374px)*/