@font-face {
    font-family: 'Khand Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Khand Regular'), url('../font/Khand-Regular.woff') format('woff');
 }

@font-face {
	font-family: 'Khand Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Khand Bold'), url('../font/Khand-Bold.woff') format('woff');
}


*{
	margin: 0;
	padding: 0;
}

main{
	width: 100%;
	height: 100vh;
}

#lateral{
	width: 195px;
	height: 100vh;
	background: url("../img/fd-zk-gauch.png") top center no-repeat #FFF;
	background-size: auto 60%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
}

#lateral a{
	margin-bottom: 20px;
}

#prev{
	position: absolute;
	left: 255px;
	top: 50%;
	transition: transform 0.2s;
}

#prev:hover{
	transform: scale(1.1);
}

#next{
	position: absolute;
	right: 60px;
	top: 50%;
	transition: transform 0.2s;
}

#next:hover{
	transform: scale(1.1);
}

#turn{
	display: none;
}

@media (max-width: 1024px) and (orientation: portrait) {
  #turn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #FFFFFFE2;
}
}