.section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  padding-top: 3vh;
  padding-right: 4vw;
  padding-left: 6vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph {
  max-width: 600px;
  margin-top: 32px;
  font-family: stolzl, sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}

.heading {
  max-width: 640px;
  margin-bottom: 0px;
  font-family: stolzl, sans-serif;
  font-size: 52px;
  line-height: 57px;
  font-weight: 500;
}

.heading.sub {
  display: block;
  margin: 48px auto 32px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 48px;
  line-height: 56px;
  text-align: center;
}

.text-block {
  margin-right: 24px;
}

.div-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 60vh;
  height: 60vh;
  max-height: 600px;
  max-width: 600px;
  min-height: 510px;
  min-width: 510px;
  padding-right: 10vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/logos_logo_whit-07_1.svg');
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  width: 100%;
  height: 100%;
  margin-left: 0px;
}

.image-2 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 7;
  display: none;
  overflow: visible;
  height: 60vh;
  max-height: 600px;
}

.image-3 {
  position: absolute;
  left: 0%;
  top: 0%;
  right: auto;
  bottom: 0%;
  overflow: visible;
  height: 100%;
  min-height: 500px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.desktop-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: -7vh;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-4 {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  display: none;
  width: 40vw;
  max-width: 322px;
  min-width: 110px;
  margin-right: auto;
  margin-left: auto;
}

.youla_1 {
  position: absolute;
  left: 41%;
  bottom: 88%;
  z-index: 9;
  width: 7vh;
  opacity: 0.2;
  -webkit-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
}

.youla_2 {
  position: absolute;
  top: 76%;
  right: 14%;
  z-index: 9;
  width: 7vh;
  opacity: 0.2;
  -webkit-transform: rotate(31deg);
  -ms-transform: rotate(31deg);
  transform: rotate(31deg);
}

.image-5 {
  position: relative;
  width: 10vw;
  max-width: 150px;
}

.youla_3 {
  position: absolute;
  top: 13%;
  right: 5%;
  z-index: 10;
  width: 7vh;
  opacity: 0.2;
  -webkit-transform: rotate(-11deg);
  -ms-transform: rotate(-11deg);
  transform: rotate(-11deg);
}

.section-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100vh;
  margin-top: 10vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.points {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40vw;
  max-width: 640px;
  margin: 32px 1vh 32px 0vh;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-6 {
  width: 7vh;
  opacity: 0.2;
  -webkit-transform: rotate(23deg);
  -ms-transform: rotate(23deg);
  transform: rotate(23deg);
}

.image-6.turned {
  width: 7vh;
  -webkit-transform: rotate(-34deg);
  -ms-transform: rotate(-34deg);
  transform: rotate(-34deg);
}

.paragraph-2 {
  margin-right: 12px;
  margin-bottom: 0px;
  margin-left: 32px;
  font-family: stolzl, sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 300;
}

.inst_image {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 36vw;
  height: 100%;
  margin-top: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.image-7 {
  position: absolute;
  display: none;
  width: 60%;
}

.point {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 70vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.point.first {
  max-width: 80vw;
  margin-top: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.point.second {
  margin-top: 64px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.point.third {
  margin-top: 48px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.text-span {
  font-weight: 500;
}

.image-8 {
  width: 42vh;
}

.image-9 {
  position: absolute;
  left: auto;
  top: auto;
  right: auto;
  bottom: 7%;
  z-index: 9999;
  width: 34vh;
}

.shadow {
  position: absolute;
  bottom: 11%;
  z-index: 9998;
  width: 32vh;
  height: 8vh;
  border-radius: 20px;
  background-image: radial-gradient(circle farthest-side at 50% 50%, rgba(0, 0, 0, 0.2) 38%, transparent);
  -webkit-filter: blur(20px);
  filter: blur(20px);
}

.image-10 {
  position: absolute;
  max-width: 113%;
}

.section-3 {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12vh 20vw 2vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.paragraph-3 {
  max-width: 470px;
  margin-bottom: 48px;
  font-family: stolzl, sans-serif;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
}

.button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  max-width: 30%;
  margin-right: auto;
  margin-bottom: 9vh;
  margin-left: auto;
  padding-right: 24px;
  padding-left: 24px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 8px;
  background-color: #bc81ff;
  font-family: stolzl, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.button:hover {
  background-color: #ab62ff;
}

.image-11 {
  position: absolute;
  left: 22%;
  bottom: 59%;
  width: 7vh;
  opacity: 0.2;
}

.image-12 {
  position: absolute;
  right: 15%;
  bottom: 28%;
  width: 7vh;
  opacity: 0.2;
}

.image-14 {
  display: none;
}

.image-16 {
  display: none;
}

.image-17 {
  display: none;
}

.image-18 {
  display: none;
}

.image-19 {
  display: none;
}

.link-block {
  position: absolute;
  width: 10vw;
  max-width: 150px;
  margin-top: 2vh;
  margin-left: 8vw;
}

@media (max-width: 991px) {
  .section {
    padding-top: 9vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .paragraph {
    text-align: center;
  }
  .heading {
    text-align: center;
  }
  .text-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .div-block {
    width: 70vh;
    height: 70vh;
    min-height: 70vh;
    min-width: 70vh;
  }
  .image-2 {
    min-height: 70vh;
  }
  .youla_1 {
    left: 5%;
    bottom: 42%;
  }
  .youla_2 {
    top: 108%;
  }
  .image-5 {
    position: relative;
    left: auto;
    right: auto;
    display: block;
    width: 20vw;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  .youla_3 {
    top: 46%;
    right: 8%;
  }
  .points {
    width: 70vw;
  }
  .inst_image {
    width: 50vw;
  }
  .point.first {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .point.second {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .point.third {
    width: 70vw;
    max-width: 70vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .section-3 {
    padding-bottom: 16vh;
  }
  .button {
    position: fixed;
    left: auto;
    right: auto;
    bottom: 2vh;
    z-index: 9999;
    width: 50%;
    max-width: 50%;
    margin-right: 25%;
    margin-bottom: 6vh;
    margin-left: 25%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .image-11 {
    left: 6%;
  }
  .image-12 {
    right: 11%;
  }
  .link-block {
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    width: 30vw;
    margin-right: auto;
    margin-left: auto;
  }
}

@media (max-width: 767px) {
  .section {
    overflow: hidden;
  }
  .div-block {
    width: 60vh;
    height: 60vh;
    min-height: 60vh;
    min-width: 60vh;
    margin-right: -7vh;
    padding-right: 8vh;
  }
  .image-2 {
    z-index: 0;
    min-height: 60vh;
  }
  .image-4 {
    display: none;
  }
  .youla_1 {
    bottom: 36%;
    width: 6vh;
  }
  .youla_2 {
    top: 116%;
    width: 6vh;
  }
  .youla_3 {
    top: 53%;
    width: 6vh;
  }
  .points {
    width: 91vw;
  }
  .image-6 {
    width: 6vh;
  }
  .inst_image {
    width: 80vw;
    margin-top: 0px;
  }
  .image-7 {
    display: none;
  }
  .point.first {
    margin-top: 32px;
  }
  .point.second {
    margin-top: 32px;
  }
  .image-8 {
    display: none;
  }
  .image-9 {
    display: none;
  }
  .shadow {
    display: none;
  }
  .button {
    max-width: 50%;
    text-align: center;
  }
  .image-11 {
    left: 3%;
    width: 6vh;
  }
  .image-12 {
    right: 7%;
    bottom: 26%;
    width: 6vh;
  }
  .image-13 {
    display: none;
  }
  .image-14 {
    position: relative;
    z-index: 9999;
    display: block;
    width: 42vw;
  }
  .image-15 {
    display: none;
  }
  .image-16 {
    display: block;
    width: 40vw;
  }
  .image-17 {
    display: block;
    width: 40vw;
  }
  .image-18 {
    display: block;
    width: 44vw;
  }
  .image-19 {
    display: block;
    width: 37vw;
    margin-left: -10vw;
  }
  .link-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 479px) {
  .section {
    overflow: visible;
    padding-top: 5vh;
    padding-right: 0vw;
    padding-left: 0vw;
  }
  .paragraph {
    font-size: 20px;
    line-height: 30px;
  }
  .heading {
    font-size: 32px;
    line-height: 40px;
  }
  .heading.sub {
    margin-right: 10px;
    margin-left: 10px;
    font-size: 32px;
    line-height: 40px;
  }
  .text-block {
    margin-right: 8vw;
    margin-left: 8vw;
  }
  .div-block {
    overflow: visible;
    width: 100vw;
    height: 100vw;
    min-height: 100vw;
    min-width: 100vw;
    margin-right: 0vh;
    padding-right: 0vh;
    background-size: 100% 100%;
  }
  .image-2 {
    z-index: 9;
    height: 100%;
    min-height: 100%;
  }
  .desktop-block {
    position: relative;
    z-index: 9;
    width: 93vw;
    padding-left: 38vw;
  }
  .image-4 {
    width: 53vw;
  }
  .youla_1 {
    bottom: 53%;
    width: 4vh;
  }
  .youla_2 {
    top: 109%;
    width: 4vh;
  }
  .image-5 {
    width: 26vw;
  }
  .youla_3 {
    top: 22%;
    right: 11%;
    width: 4vh;
  }
  .section-2 {
    overflow: hidden;
  }
  .points {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .image-6 {
    width: 4vh;
  }
  .paragraph-2 {
    margin-left: 12px;
    font-size: 18px;
    line-height: 24px;
  }
  .image-7 {
    width: 60%;
  }
  .point.first {
    margin-top: 0px;
  }
  .image-10 {
    max-width: 160%;
  }
  .section-3 {
    padding-right: 10vw;
    padding-left: 10vw;
  }
  .paragraph-3 {
    max-width: 640px;
    font-size: 20px;
    line-height: 28px;
  }
  .button {
    width: 80%;
    max-width: 80%;
    margin-right: 10%;
    margin-left: 10%;
    text-align: center;
  }
  .image-11 {
    bottom: 85%;
    width: 4vh;
  }
  .image-12 {
    bottom: 51%;
    width: 4vh;
  }
  .image-14 {
    position: absolute;
    left: 6%;
    top: auto;
    right: auto;
    bottom: auto;
    width: 52vw;
  }
  .image-16 {
    width: 80vw;
  }
  .image-17 {
    width: 80vw;
  }
  .image-18 {
    width: 80vw;
  }
  .image-19 {
    position: relative;
    right: 0px;
    z-index: 5;
    width: 39vw;
    margin-top: 5vh;
    margin-bottom: 5vh;
    margin-left: 2vw;
  }
  .link-block {
    width: 50vw;
  }
}