#landing_view {
	width: calc(100% - 2*var(--page-margin));
	height: calc(100vh - 64px);

	padding: 0px var(--page-margin);

	display: flex;
	justify-content: space-between;
	align-items: center;
}

#landing_image {
	max-width: 50%;
	height: auto;
	max-height: calc(100vh - 64px - 10%)
}

#landing_text {
	width: 36%;

	display: flex;
	flex-direction: column;
}

#landing_arrow {
	background-image: url("../img/arrow_right.png");
	background-repeat: no-repeat;
	background-size: cover;
	height: 80px;
	width: 160px;

	margin-left: calc(100% - 160px);
}