.img-circle {
    border-radius: 50%
}

.person {
    border: 10px solid transparent;
    margin-bottom: 25px;
    width: 90%;
    height: 90%;
}
.person:hover {
    border-color: #f1f1f1;
}

/* RESPONSIVE IFRAME */

.intrinsic-container {
��position: relative;
��height: 0;
��overflow: hidden;
}
�
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
��padding-bottom: 56.25%;
}
�
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
��padding-bottom: 75%;
}
�
.intrinsic-container iframe {
��position: absolute;
��top:0;
��left: 0;
��width: 100%;
��height: 100%;
}

/*COLLAPSIBLE */

/* Style the collapsible content. Note: hidden by default */
.contentcollapsible {
  display: none;
  overflow: hidden;
} 

/* Verberg de 'Play on SoundCloud'-link in SoundCloud-embeds op mobiel en desktop */
.sc-link-cloud, .sc-button-play {
  display: none !important;
} 

/* Vergroot de social media iconen bovenaan */
.social-icons-top .fa {
  font-size: 2.5em;
}

/* Locura rood voor alle rode containers (optredens, audio, video) */
.w3-red {
  background-color: #D2050C !important;
}

/* Witte tekst voor uitleg bij audio en video (zoals menu items) */
.info-text-white {
  color: white !important;
  font-weight: bold;
}

/* Bandleden afbeeldingen kleiner op mobiel */
@media (max-width: 768px) {
  #band .person,
  #band img.person {
    width: 50% !important;
    height: auto !important;
    max-width: 50% !important;
  }
  
  /* Gallery afbeeldingen kleiner op mobiel en gecentreerd */
  #gallery img {
    width: 50% !important;
    height: auto !important;
    max-width: 50% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Gallery containers centreren op mobiel */
  #gallery .w3-half,
  #gallery .w3-third,
  #gallery .w3-margin-bottom {
    text-align: center;
  }
  
  /* Rode balkjes smaller en gecentreerd op mobiel */
  #audio .w3-red,
  #video .w3-red {
    width: 75% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}