@media (max-width: 768px){

.menu-btn {
	width: 30px;
    height: 30px;
    position: fixed;
    z-index: 3;
    overflow: hidden;
    margin-left: 300px;
}

.menu-btn span {
	width: 30px;
	height: 2.4px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #8c90a3;
	transition: all 0.5s;
}

.menu-btn span:nth-of-type(2) {
	top: calc(50% - 4.5px);
}
.menu-btn span:nth-of-type(3) {
	top: calc(50% + 5px);
}

/* Меняем гамбургер иконку, когда меню открыто */
.menu-btn.active span:nth-of-type(1) {
  display: none;
}
.menu-btn.active span:nth-of-type(2) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(45deg);  
}
.menu-btn.active span:nth-of-type(3) {
  top: 50%;
  transform: translate(-50%, 0%) rotate(-45deg); 
}

/* Меню, которое будет появляться */
.menu {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 20rem;
	padding: 15px;
  background: #282A2E;
	transform: translateX(-100%);
	transition: transform 0.5s; 
	z-index:2;
}

.menu.active {
	transform: translateX(0);
}

.menu ul{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 5rem;
}

.menu li {
	list-style-type: none;
}

.menu-mobile{
	display: contents;
	font-size: 1.5rem;
	font-family: 'Montserrat Bold';
	font-weight: 300;
	color: #8c90a3;
}

}