Адаптивная верстка съехала

Добрый день!

Проблема в следующем:

При адаптации на разрешение в 576px, nav растягивается на 100%, а именно, по какой-то причине (792px), а за ним, как от родителя подтягивается menu в 50%

Код, media.sass:

@media (max-width: 767px)
	
	.menu
		position: fixed
		flex-direction: column
		justify-content: center
		align-items: center
		top: 0
		right: 0
		width: 50%
		height: 100vh
		padding: 20px 15px
		background-color: rgba(0,0,0, 0.8)
		&_item
			padding-right: 0
			border: none
			margin: 10px 0
		&_link
			font-size: 20px

Как nav выглядит в general.sass:

nav
	position: fixed
	width: 100%
	height: 50px
	background-color: #212121
	z-index: 5

Так же, как у ранее писавшего автора - оставшийся без ответа, вопрос - height: 100vh - раскрывается не на полную высоту экрана, только при 100%

Скрин:

http://skrinshoter.ru/p/231120/BXie8o