html {
  box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

body {
  min-width: 0;
}

img {
  max-width: 100%;
  height: auto;
}

#blackmenutop,
#background,
#albumimages,
#images1,
#images2,
#tables,
#section,
#sections,
#video,
#live,
#quote,
#quotemain {
  max-width: 100%;
}

@media (max-width: 900px), (hover: none), (pointer: coarse) {
  body {
    background-attachment: scroll !important;
  }
}

@media (max-width: 900px) {
  body {
    overflow-x: hidden;
    padding: 0.5rem !important;
  }

  [style*="min-width:"] {
    min-width: 0 !important;
  }

  #blackmenutop,
  #background {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  #blackmenutop,
  #albumimages {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.25rem;
  }

  #blackmenutop > a,
  #albumimages > a {
    display: inline-flex;
  }

  #head,
  #mainhead {
    font-size: clamp(1.8rem, 7vw, 3rem) !important;
    line-height: 1.1;
  }

  #subheader,
  #section1,
  #section2,
  a.subsection {
    font-size: clamp(1.15rem, 5vw, 2rem) !important;
  }

  #background table,
  #section table,
  #sections table,
  #tables table,
  #video table,
  #main1 table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}