.header-wrapper {
    background-color: var(--primary-grey);
    width: 100vw;
}

.header-wrap {
   width: 80%;
   height: 100%;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin: 0 auto;
   color: var(--primary-white);
   font-size: 1.6rem;
   text-transform: uppercase;
   /* border: 1px solid black; */
   
}

.logo-box {
   width: 40%;
}

.header-logo {
   width: 30rem;
}

/* Desktop Links Start here */
.nav-links {
  width: 50%;
  position: relative;
}

.nav-links ul {
   display: flex;
   justify-content: space-between;
   list-style: none;
}

.nav-links ul li {
   margin-left: 1rem;
   padding-left: 1rem;
   cursor: pointer;
   text-align: right;
  
}

.nav-links ul li a, .nav-links ul li a:active, .nav-links ul li a:link  {
   text-decoration: none;
   color: var(--primary-black);
   font-size: 1.8rem;
   font-weight: 400;
}

.nav-links ul li a:hover {
   color: var(--secondary-blue)
}

.menu-wrap {
   display: none;
}

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

   .header-wrapper {
      flex-grow: 1.2;
      min-height: 8rem;
      
  }   
   
   .header-logo {
       width: 20rem;
   }

   .nav-links {
       display: none;
   }

}