@layer components {
  /*
   * Brand
   */
  
  .brand {
    display: block;
    background-image: url("/assets/logo-immersive-9a661399.svg");
    background-repeat: no-repeat;
    background-size: cover;
    width: 120px;
    height: 20px;
  
    @media (max-width: 991.98px) {
      width: 108px;
      height: 18px;
    }
  
    @media (max-width: 639.98px) {
      width: 96px;
      height: 16px;
    }
  
    @media (max-width: 399.98px) {
      width: 84px;
      height: 14px;
    }
  
    &:active {
      margin-top: -2px;
    }
  }
}