.mobile-nav{
	display: none;
}
.mobile-nav button{
	width: 40px;
	height: 40px;
	background-color: #EEF2FE;
	position: absolute;
	top: 20px;
	right: 20px;
	border-radius: 100%;
	border: none;
	background-image: url("./../../img/menu-nav.svg");
	background-position: center;
	background-repeat: no-repeat;
	z-index: 21;
}
.mobile-nav button:active,
.mobile-nav button:focus{
	outline: none;
	box-shadow: none;
}

.mobile-nav.toggle button{
	background-image: url("./../../img/close.svg");
}

@media all and (max-width: 767px){
	body.no-scroll{
		overflow: hidden;
	}
	.mobile-nav{
		display: block;
	}
	.logo{
		position: relative;
		z-index: 21;
	}
	.menu-container{
		position: fixed;
		display: none;
		justify-content: center;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 20;
		background: #fff;
		padding: 40px;
	}
	.menu-container nav{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
		width: 100%;
	}
	.menu-container nav a{
		font-size: 22px;
		padding: 10px 0;
	}
}