/*LOGO*/

.header_right {
justify-content: right;
  margin-right: 100px;
}

.header_left {
padding-left: 102px;
}

.header_lline {
margin-left: 45px;
  position: fixed;
  height: 100%;
  top: 0;
  right: 45px;
	z-index:4;
}

.header_line {
margin-left: 45px;
  position: fixed;
  height: 100%;
	z-index:4;
}

.hl_line {
height: 80%;
  width: 1px;
  background: var(--colorlight);
  opacity: 0.8;
  margin-left: 5px;
  margin-bottom: 3px;
}

.hl_line1 {
height: 20%;
  width: 1px;
  background: var(--colorlight);
  opacity: 0.8;
	  margin-left: 5px;
  margin-top: 3px;
}

.logo_sub {
font-family: var(--subfont);
  font-style: italic;
  font-size: 40px;
  margin-top: -10px;
}

.logo_ut {
font-family: var(--subfont);
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: -8px;
  font-size: 8px;
  letter-spacing: 2px;
}

.logo_main {
font-family: var(--mainfont);
  text-transform: uppercase;
  font-size: 90px;
}

.logo {
	padding-top: 9%;
}

#header {
height: 380px;
  margin-left: 117px;
}

/*NAVIGATION*/
.header_nav {
display: flex;
  position: fixed;
  width: 100%;
  align-content: space-between;
  gap: 37%;
  justify-content: center;
  padding: 15px;
  background: var(--foresttransparent);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--line);
	z-index:3;
}

.header_left, .header_right {
display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 10px;
  text-transform: uppercase;
	align-items:center;
	width: 50%;
}