.spotify-text {
  padding: 20px 0; }
  .spotify-text.reverse .wrapper {
    flex-direction: row-reverse; }
  .spotify-text.reverse .text {
    padding-right: 45px;
    padding-left: 0px; }
  .spotify-text.reverse .title-spotify p {
    text-align: right; }
  .spotify-text .wrapper {
    display: flex; }
  .spotify-text .text {
    padding-left: 45px;
    width: 65%; }
    .spotify-text .text .title {
      margin-bottom: 30px;
      display: flex;
      align-items: center;
      width: 600px;
      max-width: 100%; }
      .spotify-text .text .title h3, .spotify-text .text .title h1 {
        font-size: 36rem;
        margin-top: 0;
        margin-bottom: 0; }
      .spotify-text .text .title h1 {
        font-size: 41rem; }
    .spotify-text .text a {
      font-size: 17rem; }
    .spotify-text .text p, .spotify-text .text ul li, .spotify-text .text ol li {
      font-size: 17rem;
      color: var(--transparent-color2);
      line-height: 1.62; }
  .spotify-text .title-spotify p {
    margin-bottom: 15px;
    font-size: 26rem; }
  .spotify-text .spotify {
    width: 35%; }
    .spotify-text .spotify iframe {
      height: 100%;
      min-height: 421px;
      padding-bottom: 30px; }

@media (max-width: 575.5px) {
  .spotify-text.reverse .text {
    padding: 0 15px; }
  .spotify-text.reverse .wrapper {
    flex-direction: column-reverse; }
  .spotify-text.reverse .title-spotify p {
    text-align: left; }
  .spotify-text .wrapper {
    flex-direction: column; }
  .spotify-text .spotify {
    width: 100%;
    padding: 0 15px; }
    .spotify-text .spotify iframe {
      min-height: calc(60vw + 200px); }
  .spotify-text .title-spotify p {
    font-size: 22rem;
    text-align: left; }
  .spotify-text .text {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 50px; }
    .spotify-text .text .title {
      margin-bottom: 20px; }
      .spotify-text .text .title h1, .spotify-text .text .title h3 {
        font-size: 22rem;
        letter-spacing: 1px; } }
@media (min-width: 576px) and (max-width: 767.5px) {
  .spotify-text.reverse .text {
    padding: 0 15px; }
  .spotify-text .spotify {
    width: 50%;
    padding: 0 15px; }
  .spotify-text .text {
    width: 50%;
    padding: 0 15px; }
    .spotify-text .text .title {
      margin-bottom: 20px; }
      .spotify-text .text .title h1, .spotify-text .text .title h3 {
        font-size: 24rem;
        letter-spacing: 2px; } }
@media (min-width: 768px) and (max-width: 991.5px) {
  .spotify-text .spotify {
    width: 40%; }
  .spotify-text .text {
    width: 60%; }
    .spotify-text .text .title h1, .spotify-text .text .title h3 {
      font-size: 30rem; } }

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