.sz2020-logo-portlet .sz2020-logo {
  position: fixed;
  bottom: -1px;
  right: -1px;
  z-index: 2;
}
.sz2020-logo-portlet .sz2020-logo > a {
  display: block;
}
.sz2020-logo-portlet .sz2020-logo > a img {
  display: none;
  width: 300px;
  max-height: 50vh;
  object-fit: contain;
  object-position: bottom right;
}
@media all and (min-width: 1200px) {
  .sz2020-logo-portlet .sz2020-logo > a img {
    display: block;
  }
}
.sz2020-logo-portlet .sz2020-logo button {
  display: none;
}
.sz2020-logo-portlet .sz2020-logo[data-opened=true] img {
  display: block;
}
.sz2020-logo-portlet .sz2020-logo[data-opened=true] button {
  transform: rotate(90deg);
}

@media all and (max-width: 1200px) {
  .sz2020-logo-portlet .sz2020-logo button {
    display: block;
    position: absolute;
    top: -50px;
    right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg version=%221.1%22 xmlns=%22http://www.w3.org/2000/svg%22 width=%22306px%22 height=%22306px%22 viewBox=%220 0 306 306%22%3E%3Cpolygon fill=%22%23000000%22 points=%2294.35,0 58.65,35.7 175.95,153 58.65,270.3 94.35,306 247.35,153%22/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    background-color: #FFFFFF;
    border: 2px solid #4F4F4F;
    box-shadow: none;
    outline: none;
    transition: transform 0.3s ease-in-out;
    cursor: pointer;
    transform: rotate(270deg);
    padding: 0;
  }
}