body.path-user:not(.user-logged-in) {
  > div.dialog-off-canvas-main-canvas>header #block-digitalid-languageswitcher {
    margin: 2em auto;
  }
  div#block-digitalid-legaltools {
      display: none;
  }
  div#block-digitalid-applinks {
      position: fixed;
      left: 0;
      bottom: 30px;
  }
  footer .region-footer {
    height: auto;
  }
  .region.region-footer {
      flex-direction: row-reverse;
      padding: 30px 40px;
  }
  #block-digitalid-footer .navbar-nav .nav-item a.nav-link {
      padding: 0;
  }
  @media only screen and (min-width: 992px) {

    background: url(/themes/custom/digitalid/images/login_bg.png) no-repeat left center #ffffff;
    background-attachment: fixed;
    background-size: 55%;

    .region-content {
      padding: 0 2em;
    }

    >div.dialog-off-canvas-main-canvas {
      >header,
      >main,
      >footer {
        box-shadow: none;
        /* match the background image size above */
        padding: 0 0 0 55%;
        max-width: 100%;
      }
    }
  }
  @media only screen and (min-width: 992px) and (max-width: 1024px) {
    header .region-header {
        height: 100px;
    }
    footer.mt-auto {
        margin-top: 0 !important;
    }
    #block-digitalid-loginpagelogo h1 {
        font-size: 48px !important;
    }
    #block-digitalid-loginpagelogo img {
        width: 90px;
    }
    
  }

  
  @media only screen and (min-width: 768px) and (max-width: 991px) {
    #block-digitalid-loginpagelogo h1 {
      font-size: 40px !important;
    }
    header .region-header {
        height: 100px;
    }
    footer.mt-auto {
        margin: 0px !important;
    }
    div#block-digitalid-applinks {
      position: unset;
    }
    .region.region-content {
        margin-top: 4em;
        margin-bottom: 4em;
    }
    .region.region-footer {
        flex-direction: row;
        padding: 30px 40px;
        row-gap: unset;
    }
    footer .region-footer #block-digitalid-footer {
        text-align: left !important;
    }
    
    div.dialog-off-canvas-main-canvas>header #block-digitalid-languageswitcher {
        align-items: center;
        display: flex;
    }
  }
  /* Small devices */  
  @media only screen and (max-width: 767px) {
    div#block-digitalid-applinks {
        position: unset;
    }
    .region.region-footer {
      flex-direction: row;
    }
    .region.region-content {
        margin-top: 3em;
        margin-bottom: 3em;
    }
    .region.region-header {
        display: block;
        height: auto;
    }
    #block-digitalid-languageswitcher {
        margin: 2em auto;
        padding: unset;
        align-items: center;
        display: flex;
    }
    
  }
}