@media screen and (min-width: 1px) {
  /* renovatio logo */
  .boxlogo {
    height: 100%;
    width: 100%;
    background-color: #ffffff00;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 21;
  }

  .boxlogo svg {
    position: absolute;
    z-index: 25;
    top: 200px;
    left: 150px;
    width: 350px;
  }
  .boxlogo svg path {
    fill: black;
  }
  .boxlogo svg path:first-child {
    fill: white;
  }

  .bgBackR {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(0.7);
    padding: 1vw;
    animation: bglogo2 3s ease 0s infinite alternate;
    position: absolute;
    top: -25vh;
    left: -45vw;
    width: 600px;
    height: 520px;
    z-index: 20;
  }
  @keyframes bglogo2 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  /* partner logo */
  .boxlogo11 {
    height: 100%;
    width: 100%;
    padding-left: 2.5vw;
    background-color: #ffffff00;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: auto;
    position: relative;
    z-index: 19;
    transform: rotate(-158deg) translateX(-4vw);
  }

  .bgBackR11 {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(0.7) rotate(158deg);
    animation: bglogo11 2.8s linear 0s infinite alternate;
    position: absolute;
    top: 40vh;
    right: -20vw;
    width: 350px;
    height: 310px;
    z-index: 18;
  }
  @keyframes bglogo11 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  .imglogosparteners {
    position: relative;
    left: 2.5vw;
    top: 8vh;
  }

  .imglogosparteners2 {
    position: relative;
  }

  .imagepartnerheight {
    height: 12vh;
  }
}
@media screen and (min-width: 810px) {
  /* renovatio logo */
  .boxlogo {
    height: 100%;
    width: 100%;
    background-color: #ffffff00;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 21;
  }

  .boxlogo svg {
    position: absolute;
    z-index: 25;
    top: 200px;
    left: 150px;
    width: 350px;
  }
  .boxlogo svg path {
    fill: black;
  }
  .boxlogo svg path:first-child {
    fill: white;
  }

  .bgBackR {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(1.5);
    padding: 3vw;
    animation: bglogo2 3s ease 0s infinite alternate;
    position: absolute;
    top: -50px;
    left: 0vw;
    width: 600px;
    height: 520px;
    z-index: 20;
  }
  @keyframes bglogo2 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  /* partner logo */
  .boxlogo11 {
    height: 100%;
    width: 100%;
    padding-left: 2.5vw;
    background-color: #ffffff00;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: auto;
    position: relative;
    z-index: 21;
    transform: rotate(-158deg) translateX(-4vw);
  }

  .bgBackR11 {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(1) rotate(158deg);
    animation: bglogo11 2.8s linear 0s infinite alternate;
    position: absolute;
    top: 35vh;
    right: 4vw;
    width: 350px;
    height: 310px;
    z-index: 20;
  }
  @keyframes bglogo11 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  .imglogosparteners {
    position: relative;
    left: 2.5vw;
    top: 4vh;
  }

  .imglogosparteners2 {
    position: relative;
  }

  .imagepartnerheight {
    height: 9vh;
  }
}
@media screen and (min-width: 1400px) {
  /* renovatio logo */
  .boxlogo {
    height: 100%;
    width: 100%;
    background-color: #ffffff00;
    padding-top: 8vh;
    padding-bottom: 8vh;
    padding-left: 1vw;
    padding-right: 1vw;
    text-align: center;
    margin: auto;
    position: relative;
    z-index: 21;
  }

  .boxlogo svg {
    position: absolute;
    z-index: 25;
    top: 200px;
    left: 150px;
    width: 350px;
  }
  .boxlogo svg path {
    fill: black;
  }
  .boxlogo svg path:first-child {
    fill: white;
  }

  .bgBackR {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(2);
    padding: 3vw;
    animation: bglogo2 3s ease 0s infinite alternate;
    position: absolute;
    top: 20px;
    width: 600px;
    height: 520px;
    z-index: 20;
  }
  @keyframes bglogo2 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  /* partner logo */
  .boxlogo11 {
    height: 100%;
    width: 100%;
    padding-left: 2.5vw;
    background-color: #ffffff00;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    margin: auto;
    position: relative;
    z-index: 21;
    transform: rotate(-158deg) translateX(-4vw);
  }

  .bgBackR11 {
    background-image: linear-gradient(45deg, #ff7c47 0%, #ffa647 100%);
    transform: scale(1) rotate(158deg);
    animation: bglogo11 2.8s linear 0s infinite alternate;
    position: absolute;
    top: 35vh;
    right: 4vw;
    width: 350px;
    height: 310px;
    z-index: 20;
  }
  @keyframes bglogo11 {
    from {
      border-radius: 57% 43% 37% 63% / 52% 48% 52% 48%;
    }
    to {
      border-radius: 39% 61% 57% 43% / 60% 63% 37% 40%;
    }
  }

  .imglogosparteners {
    position: relative;
    left: 2.5vw;
    top: 4vh;
  }

  .imglogosparteners2 {
    position: relative;
  }

  .imagepartnerheight {
    height: 9vh;
  }
}