.kapcsolat{
max-width: 65%;
margin: 0 auto;
margin-top: 4rem;
margin-bottom: 4rem;
padding-top: 4rem;
padding-bottom: 4rem;
}

.nevjegy1{
	padding: 0rem 1rem 0rem 0rem;
	text-align: center;	
	left: 20px;
	height: 20vh;
	width: 50vh;
	position: relative;
	animation-name: c1;
	animation-duration: 2s;
}
@keyframes c1{
	0% {left: -200px}
	100% {left: 20px;}
}
.nevjegy2{
	padding: 0rem 1rem 0rem 0rem;
	text-align: center;	
	left: 20px;
	height: 20vh;
	width: 50vh;
	position: relative;
	animation-name: c2;
	animation-duration: 2s;
}
@keyframes c2{
	0% {left: 300px}
	100% {left: 20px;}
}

.kapcsolat p{
	text-align: center;
	font-size: 5vh;
	padding-bottom: 1rem;
}
.card-title{
	font-size: 3.5vh;
	color: white;
}
.card-text{
	font-size: 2.5vh;
	color: white;
}

@media(max-height: 500px){
	.navbar{	
		display: none;
	}
}

	.contact{
		padding: 4%;
		height: 400px;
		margin-bottom: 50px;
	}
	.col-md-3{
		background-image: linear-gradient(45deg, rgb(28,109,250), white);
		padding: 4%;
		
	}
	.contact-info{
		margin-top:10%;
	}
	.contact-info img{
		margin-bottom: 15%;
	}
	.contact-info h2{
		margin-bottom: 10%;
	}
	.col-md-9{
		background: lightgray;
		padding: 3%;
		
	}
	.contact-form label{
		font-weight:600;
	}
	.contact-form button{
		background: #25274d;
		color: #fff;
		font-weight: 600;
		width: 25%;
	}
	.contact-form button:focus{
		box-shadow:none;
	}