.hero {
  position: relative;
  width: 100vw;
  background-size: cover;
  background-position: center;
  color: #ffffff;
  position: relative;
  max-width: 100%; /* added */
  height: 86vh;
}
.hero__container {
  position: relative;
  max-width: 50%; /* adjust this as needed */
  white-space: wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 150px 0px 0px 50px;
}
@media (max-width: 481px) {
  .hero__container {
    padding: 10px;
    max-width: unset;
    width: 100%;
  }
}
.hero__container-text-section {
  z-index: 2;
}
.hero__container-text-section h1 {
  font-size: 100px;
  line-height: 105px;
  font-weight: 700;
  font-family: Barlow, sans-serif;
  color: #ffffff;
  text-align: left;
}
@media (max-width: 481px) {
  .hero__container-text-section h1 {
    font-size: 75px;
    line-height: 77px;
    margin-top: 50px;
  }
}
.hero__container-text-section p {
  font-size: 1.5em;
  margin-bottom: 20px;
}
.hero__container-text-section .text-section__url-buttons {
  margin-top: 25px;
}
.hero__container-text-section .text-section__url-buttons .bt-btns {
  display: flex;
  gap: 15px;
  padding: 0;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li {
  list-style: none;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  font-family: "Barlow";
  text-transform: capitalize;
  padding: 10px 24px;
  border: 2px solid #000000;
  border-radius: 30px;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a i {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.spotify-ic {
  background-color: #2dbc58;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.music {
  background-color: #c764f4;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.youtube {
  background-color: #fc002a;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.soundcloud {
  background-color: #f57107;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.facebook {
  background-color: #0866ff;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.pakartot {
  background-color: #14141f;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.internal {
  background-color: #f559a4;
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.spotify-ic i {
  background-image: url("../assets/icons/spotify.png");
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.music i, .hero__container-text-section .text-section__url-buttons .bt-btns li a.internal i {
  background-image: url("../assets/icons/music.png");
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.youtube i {
  background-image: url("../assets/icons/play.png");
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.soundcloud i {
  background-image: url("../assets/icons/soundcloud.png");
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.facebook i {
  background-image: url("../assets/icons/facebook.png");
}
.hero__container-text-section .text-section__url-buttons .bt-btns li a.pakartot i {
  background-image: url("../assets/icons/pakartot.png");
}
@media (max-width: 481px) {
  .hero {
    background-position-x: 720px;
  }
}

/*# sourceMappingURL=hero.css.map*/