#workshop{
	display: none;
}

.menu {
  list-style: none;
  display: flex;
  gap: 0.5rem;
  margin-right: 11.25rem;
  font-weight: 300;
}

.menu a {
  display: block;
  padding: 1rem;
  color:#E9E9E9;
  /*border-bottom: 0.09375rem solid rgba(24,24,24,0.40);
  border-radius: 0.5rem;*/
}

.menu a:hover {
	color: #82c4f1;
  
}

.btn-menu {
  display: none;
}

.menu li ul{
	list-style:none;
	position:absolute;
	display:none;
	text-align:left;
	font-size: 1.2rem;
	font-weight: 300;
	z-index: 1;
	}

.menu li:hover ul, .menu li.over ul{
	display:block;
	}

.menu li ul li{
	display:block;
	width:auto;
	border:0;
	background-color: #363636;
	line-height: 0.6rem
}


@media (max-width: 860px) {
		
  .menu {
	font-size: 1rem;
	font-weight: 300;
    display: block;
    position: absolute;
    top: 5rem;
    left: 0;
    background-color: #363636;
    text-align: center;
    width: 100%;
    height: 0;
    z-index: 1;
    visibility: hidden;
    overflow-y: hidden;
    transition: 0.5s;
  }
  .menu a {
    padding: 1rem 0;
    margin-inline: 1rem;
    border-bottom: 0.09375rem solid rgba(24,24,24,0.40);
    border-radius: 0;
  }
	
   .menu li ul{
	font-size: 1rem;
	font-weight: 300;
	list-style:none;
	position:absolute;
	display:none;
	text-align:center;
	width: 100%;

	}
	
	.menu li:hover ul, .menu li.over ul{
	display:block;
	}

.menu li ul li{
	display:block;
	border:0;
	line-height: 0.6rem
}

	li{
		background-color: #363636;
	}
	
  .btn-menu {
    background: none;
    border: none;
	font-weight: 300;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
    padding: 1rem 0;
    cursor: pointer;
	
  }
  .hamburger {
    border-top: 0.125rem solid;
    width: 1.25rem;
  }
  .hamburger::after,
  .hamburger::before {
    content: " ";
    display: block;
    width: 1.25rem;
    height: 0.125rem;
    background: currentColor;
    margin-top: 0.3125rem;
    position: relative;
    transition: 0.3s;
  }
	
  .nav.active .menu {
    height: calc(100vh - 4.6875rem);
    visibility: visible;
    overflow-y: auto;
  }
  .nav.active .hamburger {
    border-top-color: transparent;
  }
  .nav.active .hamburger::before {
    transform: rotate(135deg);
  }
  .nav.active .hamburger::after {
    transform: rotate(-135deg);
    top: -0.4375rem;
  }
}