nav #menu {
	display: none;
}

nav .menu {
	display: none;
}

@media screen and (max-width: 640px) {

	nav ul.right {
		display: none;
	}

	nav .menu {
		display: flex;
		float: right;
		margin-right: 20px;
		padding: 35px;
		background-image: url("assets2/images/menu.svg");
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: center;
	}

	nav .menu:hover {
		background-color: rgba(255, 255, 255, 0.15);
		cursor: pointer;
	}

	nav #menu:checked~ul.right {
		position: relative;
		display: block;
		width: 100%;
		text-align: right;
		margin: 0px;
		padding: 0px;
	}

	nav ul.right li {
		display: block;
		margin: 0px;
		padding: 0px;
		margin-right: 0px;
	}

	nav ul.right li a p {
		display: inline-block;
		margin: 0px;
		margin-right: 20px;
		padding: 23px;
	}

	nav ul.right li:last-child {
		margin-right: 0px;
	}
}


@media screen and (max-width: 360px) {

	nav ul.left li:first-child {
		margin-left: 0px;
	}

	nav .menu {
		margin-right: 0px;
	}

	nav ul.right li a p {
		margin-right: 0px;
	}
}