picture img {
  width: 100%;
}

.header-with-icon {
  display: flex;
  align-items: center;
  margin: 2rem 0;
}

.header-with-icon h3 {
  margin: 0;
  margin-left: 2rem;
}

.header-with-icon svg {
  min-width: 9.5rem;
  width: 9.5rem;
  height: 9.5rem;
  flex-basis: 9.5rem;
  border-block-end: 5px solid #007bc626;
  padding-block-end: 20px;
  margin-block-end: 20px;
}

summary::marker { content: "";}
summary:hover {cursor: pointer;}

a.follow-btn {
  display: flex;
  align-items: center;
}

.follow-btn svg { margin-right: 8px; }

.spotify-iframe {
  background-color: #c04030;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
}

.spotify-iframe iframe {
  border-radius: 12px;
  height: 152px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 550px) {
  .spotify-iframe iframe {
    height: 252px;
  }
}

@media only screen and (min-width: 768px) {
  .spotify-iframe iframe {
    height: 152px;
  }
}

@media only screen and (min-width: 1480px) {
  .spotify-iframe iframe {
    height: 352px;
  }
  .exp-img:nth-child(2).spotify-iframe iframe {
    height: 252px;
  }
}

@media only screen and (max-width: 767px) {
  body {
    -webkit-text-size-adjust: 100%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1479px) {
  .secondary-nav { padding: 0; }
  .secondary-nav nav a {
    font-size: 14px;
  }
  .secondary-nav nav a:not(:first-of-type) {
    margin-left: 2rem;
  }
  .secondary-nav .select {
    min-width: 18rem;
  }
}

@media only screen and (max-width: 767px), (min-width: 1024px) {
  .tablet-only {
    display: none;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1024px) {
  .hide-tablet {
    display: none;
  }
}