.page__container {
	position: absolute;
	top: 3.5rem;
	width: 100%;
	min-height: calc(100vh - 3.5rem);
	padding-bottom: 6rem;
}

.nav {
	position: absolute; // because of mobile version;
	top: 0;
	left: 0;
	z-index: 42;
	width: 22rem;
	min-height: calc(100vh - 100px);
	height: 100%;

	@media(max-width: $small-width) {
		left: -18rem;
		.menu--show & {
			left: 0;
		}
	}
}

.page__content {
	padding: 2rem 2rem 2rem 25rem; // counted to have 2rem from each side in real and +1 on the left side to look better
	position: relative;
	transition: all 0.4s ease-in-out;
	
	@media(max-width: $small-width) {
		padding: 0 2rem 0 7rem;
	}
}
body.menu--hide {
	.page__content {
		margin: 0 25px 0 90px;
	}
}