@import '../styles/_dimensions';

.vui-logo-dnvgl{
  display:block;
  position:relative;
  height:47px;
  width:90px;
  margin-left:$dim-header-padding;
  box-sizing:border-box;

  > img{
    border:none;
    display:block;
    position:absolute;
    height:47px;
    right:0;
  }
  > svg{
    position: absolute;
    height: 47px;
    width: 3501px;
    right: 0;
  }

  @include media-break-down(md){
    width:80px;
    > img {
      height:37px;
    }
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .vui-logo-dnvgl > img{
    width:2947px; /*Magically this constant works in IE11*/
  }
  @include media-break-down(md){
    .vui-logo-dnvgl > img {
      width:2319px; /*And this one too*/
    }
  }
}