#atalakitas-main{
	display: grid;
	grid-template-columns: 1fr 1fr;
	height: calc(100vh - 120px);
	overflow-x: hidden;
	overflow-y: hidden;
}

#atalakitas-focim{
	position: absolute;
	top: 10vh;
	height: calc(50vh - 100px - ((48px * 5) / 2));
	width: 40vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

#atalakitas-focim h2{
	color: var(--sotetkek);
	font-family: Roboto-light;
	font-weight: 100;
	font-size: 40px;
	margin-top: 4vh;
}

#atalakitas-sidemenu{
	display: flex;
	justify-content: center;
	flex-flow: column;
	height: 100%;
	margin-left: 2vw;
}

#atalakitas-sidemenu h3{
	color: var(--sotetkek);
	font-family: Roboto-light;
	font-size: 24px;
	font-weight: 300;
	width: 80%;
	border-bottom: 1px solid var(--sotetkek);
	padding: 8px 0px 8px 8px;
	margin: 4px 0px 4px 0px;
	background-size: 200% 200%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 50%, var(--sotetkek) 50%, var(--sotetkek));
    background-position: center top;
    transition: 0.2s;
}

#atalakitas-sidemenu h3:hover{
	cursor: pointer;
	background-position: center bottom;
	color: var(--feher);
}

#atalakitas-content{
	height: 80vh;
	overflow: hidden;
}

#atalakitas-kepnezegeto{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	transition: 0.8s;
}

.atalakitas-img-inner{
	height: 80vh;
	width: 40vw;
	display: flex;
	justify-content: center;
	align-items: center;

}

.atalakitas-img-inner img{
	max-width: 100%;
	max-height: 100%;
	border-radius: 2vw;
	box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.4);
}


#atal-down-arrow{
	position: fixed;
	bottom: 32px;
	left: 0;
	right: 0;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	transition: 0.15s;
}

#atal-down-arrow:hover{
	cursor: pointer;
}

#atal-down-arrow.reversed{
	transform: rotate(180deg) scale(0.7);
	transition: 0.15s;
}

#atal-down-arrow.reversed:hover{
	transform: rotate(180deg) scale(1.0);
}

#atal-down-arrow div{
	position: fixed;
	bottom: 32px;
	left: calc(50vw - 15px);
	width: 30px;
	height: 30px;
	border-bottom: 2px solid var(--vilagoskek);
	border-left: 2px solid var(--vilagoskek);
	transform: rotate(-45deg);
	border-radius: 0px 0px 0px 4px;
}

#atal-down-div-1{
	animation: frontDown1 2s linear infinite;
}

#atal-down-div-2{
	animation: frontDown2 2s linear infinite;
	animation-delay: 0.2s;
}

@keyframes frontDown1{
	0%{
		bottom: 32px;
		border-bottom: 2px solid var(--kozepszurke);
		border-left: 2px solid var(--kozepszurke);
		transform: rotate(-45deg) scale(1.0);
	}
	40%{
		bottom: 40px;
		border-bottom: 2px solid var(--vilagosszurke);
		border-left: 2px solid var(--vilagosszurke);
		transform: rotate(-45deg) scale(0.8);
	}
	50%{
		bottom: 40px;
		border-bottom: 2px solid var(--vilagosszurke);
		border-left: 2px solid var(--vilagosszurke);
		transform: rotate(-45deg) scale(0.8);
	}
	90%{
		bottom: 32px;
		border-bottom: 2px solid var(--vilagoskek);
		border-left: 2px solid var(--vilagoskek);
		transform: rotate(-45deg) scale(0.9);
	}
	100%{
		bottom: 32px;
		border-bottom: 2px solid var(--kozepszurke);
		border-left: 2px solid var(--kozepszurke);
		transform: rotate(-45deg) scale(1.0);
	}
}

@keyframes frontDown2{
	0%{
		bottom: 32px;
		border-bottom: 1px solid var(--kozepszurke);
		border-left: 1px solid var(--kozepszurke);
		transform: rotate(-45deg) scale(1.0);
	}
	40%{
		bottom: 40px;
		border-bottom: 1px solid var(--vilagosszurke);
		border-left: 1px solid var(--vilagosszurke);
		transform: rotate(-45deg) scale(0.8);
	}
	50%{
		bottom: 40px;
		border-bottom: 1px solid var(--vilagosszurke);
		border-left: 1px solid var(--vilagosszurke);
		transform: rotate(-45deg) scale(0.8);
	}
	90%{
		bottom: 32px;
		border-bottom: 1px solid var(--vilagoskek);
		border-left: 1px solid var(--vilagoskek);
		transform: rotate(-45deg) scale(0.9);
	}
	100%{
		bottom: 32px;
		border-bottom: 1px solid var(--kozepszurke);
		border-left: 1px solid var(--kozepszurke);
		transform: rotate(-45deg) scale(1.0);
	}
}


#atal-art-sect{

}

.atal-art{
	padding-top: 4vh;
	padding-bottom: 4vh;
}

.atal-art-title{
	border-bottom: 1px solid var(--sotetkek);
	margin: 4vh 0 4vh 10vw;
}

.atal-art-title.even{
	margin: 4vh 10vw 2vh 0;
}

.atal-art-title h3{
	font-family: Roboto-light;
	font-size: 30px;
	font-weight: 100;
	color: var(--sotetkek);
	margin: 0 0 1vh 4vw;

}

.atal-art-title.even h3{
	margin: 0 4vw 1vh 0;
	text-align: right;
}

.atal-art-content{
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin: 0 2vw 0 2vw;
}

.atal-art-text{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	overflow-y: auto;
}

.atal-art-text p{
	text-align: justify;
	margin: 0 0 4vh 4vw;

}

.atal-art-text.even p{
	text-align: justify;
	margin: 0 4vw 4vh 0;
}

.atal-art-img-holder{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
}

.atal-art-img-holder img{
	max-width: 30vw;
	border-radius: 2vw;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
	margin: 2vh;
}


#coldtainer-logo{
	margin-top: 8vh;
	width: 50%;
	height: auto;
}

#atal-etc-holder img{
	box-shadow: none;
}