/* screen - 1200 */

.x1200 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 640px;
  min-width: 1200px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x1200 .beatlesbg-PGXLS6 {
  background-color: transparent;
  height: calc(100.00% + 2px);
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 635px;
}

.x1200 .group-9-PGXLS6 {
  background-color: transparent;
  height: 566px;
  left: 658px;
  position: absolute;
  top: calc(48.65% - 275px);
  width: 524px;
}

.x1200 .beatleslogo-xDnnxc {
  background-color: transparent;
  height: 80px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 162px;
}

.x1200 .beatlemania-xDnnxc {
  background-color: transparent;
  height: 63px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 46px;
  position: absolute;
  text-align: left;
  top: calc(15.51% - 10px);
  width: 257px;
}

.x1200 .shop-all-your-f-our-100-satisf-xDnnxc {
  background-color: transparent;
  height: 58px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: calc(28.15% - 16px);
  width: 433px;
}

.x1200 .choral-xDnnxc {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(38.93% - 9px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 53px;
}

.x1200 .choral-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .concert-band-xDnnxc {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(46.13% - 11px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 99px;
}

.x1200 .concert-band-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .orchestra-strings-xDnnxc {
  background-color: transparent;
  bottom: calc(46.68% - 11px);
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 125px;
}

.x1200 .orchestra-strings-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .jazz-ensemble-xDnnxc {
  background-color: transparent;
  bottom: calc(39.48% - 9px);
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 107px;
}

.x1200 .jazz-ensemble-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .marching-band-xDnnxc {
  background-color: transparent;
  bottom: calc(32.29% - 8px);
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 107px;
}

.x1200 .marching-band-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .elementary-classroom-xDnnxc {
  background-color: transparent;
  bottom: calc(25.09% - 6px);
  cursor: pointer;
  height: 24px;
  left: 4px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 160px;
}

.x1200 .elementary-classroom-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .piano-xDnnxc {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(38.93% - 9px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 45px;
}

.x1200 .piano-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .vocal-xDnnxc {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(46.13% - 11px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 45px;
}

.x1200 .vocal-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .guitar-xDnnxc {
  background-color: transparent;
  bottom: calc(46.68% - 11px);
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 52px;
}

.x1200 .guitar-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .books-xDnnxc {
  background-color: transparent;
  bottom: calc(39.48% - 9px);
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 45px;
}

.x1200 .books-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .woodwind-brass-percussion-xDnnxc {
  background-color: transparent;
  bottom: calc(32.29% - 8px);
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 209px;
}

.x1200 .woodwind-brass-percussion-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .handbells-xDnnxc {
  background-color: transparent;
  bottom: calc(25.09% - 6px);
  cursor: pointer;
  height: 24px;
  left: 204px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 77px;
}

.x1200 .handbells-xDnnxc:hover {
  transform: translate(5px, 0);
}

.x1200 .group-21-xDnnxc {
  background-color: transparent;
  bottom: 0px;
  height: 92px;
  left: 1px;
  position: absolute;
  width: 524px;
}

.x1200 .beatlemania-in-i-the-bluecoats-IzxpSx {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: 95px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 431px;
}

.x1200 .between-the-201-beatles-are-in-IzxpSx {
  background-color: transparent;
  height: 36px;
  left: 96px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: calc(46.43% - 17px);
  width: 342px;
}

.x1200 .mask-group-2-IzxpSx {
  background-color: transparent;
  cursor: pointer;
  height: calc(100.00% - 5px);
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 3px;
  transition: all 0.2s ease;
  width: 86px;
}

.x1200 .mask-group-2-IzxpSx:hover {
  transform: translate(0, -5px);
}

.x1200 .read-more-IzxpSx {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 24px;
  left: calc(21.24% - 16px);
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 74px;
}

.x1200 .read-more-IzxpSx:hover {
  transform: translate(5px, 0);
}
/* screen - 1536 */

.x1536 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 864px;
  min-width: 1536px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x1536 .beatlesbg-2RunPk {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 855px;
}

.x1536 .group-10-2RunPk {
  background-color: transparent;
  height: 743px;
  left: 881px;
  position: absolute;
  top: calc(42.15% - 313px);
  width: 610px;
}

.x1536 .beatleslogo-F7KCR7 {
  background-color: transparent;
  height: 108px;
  left: 7px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 220px;
}

.x1536 .beatlemania-F7KCR7 {
  background-color: transparent;
  height: 68px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 46px;
  position: absolute;
  text-align: left;
  top: calc(17.04% - 12px);
  width: 243px;
}

.x1536 .shop-all-your-f-our-100-satisf-F7KCR7 {
  background-color: transparent;
  height: 75px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: calc(26.35% - 20px);
  width: 576px;
}

.x1536 .choral-F7KCR7 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(37.13% - 10px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 60px;
}

.x1536 .choral-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .concert-band-F7KCR7 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(43.99% - 12px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 112px;
}

.x1536 .concert-band-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .orchestra-strings-F7KCR7 {
  background-color: transparent;
  bottom: calc(49.16% - 14px);
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 143px;
}

.x1536 .orchestra-strings-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .jazz-ensemble-F7KCR7 {
  background-color: transparent;
  bottom: calc(42.31% - 12px);
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 117px;
}

.x1536 .jazz-ensemble-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .marching-band-F7KCR7 {
  background-color: transparent;
  bottom: calc(35.45% - 10px);
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 129px;
}

.x1536 .marching-band-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .elementary-classroom-F7KCR7 {
  background-color: transparent;
  bottom: calc(28.60% - 8px);
  cursor: pointer;
  height: 28px;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 179px;
}

.x1536 .elementary-classroom-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .piano-F7KCR7 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(37.13% - 10px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 51px;
}

.x1536 .piano-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .vocal-F7KCR7 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(43.99% - 12px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 51px;
}

.x1536 .vocal-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .guitar-F7KCR7 {
  background-color: transparent;
  bottom: calc(49.16% - 14px);
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x1536 .guitar-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .books-F7KCR7 {
  background-color: transparent;
  bottom: calc(42.31% - 12px);
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x1536 .books-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .woodwind-brass-percussion-F7KCR7 {
  background-color: transparent;
  bottom: calc(35.45% - 10px);
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 295px;
}

.x1536 .woodwind-brass-percussion-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .handbells-F7KCR7 {
  background-color: transparent;
  bottom: calc(28.60% - 8px);
  cursor: pointer;
  height: 28px;
  left: 272px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 89px;
}

.x1536 .handbells-F7KCR7:hover {
  transform: translate(5px, 0);
}

.x1536 .group-20-F7KCR7 {
  background-color: transparent;
  height: 148px;
  left: 0px;
  position: absolute;
  top: 595px;
  width: 610px;
}

.x1536 .beatlemania-in-i-the-bluecoats-AYxaEC {
  background-color: transparent;
  color: var(--shark);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: 40px;
  left: 160px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 452px;
}

.x1536 .between-the-201-re-in-the-1960s-AYxaEC {
  background-color: transparent;
  color: var(--shark-2);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-xl);
  font-style: normal;
  font-weight: 400;
  height: 68px;
  left: 161px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: calc(47.50% - 32px);
  width: 429px;
}

.x1536 .mask-group-2-AYxaEC {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 147px;
}

.x1536 .mask-group-2-AYxaEC:hover {
  transform: translate(0, -5px);
}

.x1536 .read-more-AYxaEC {
  background-color: transparent;
  bottom: 19px;
  cursor: pointer;
  height: 33px;
  left: calc(31.69% - 33px);
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 104px;
}

.x1536 .read-more-AYxaEC:hover {
  transform: translate(5px, 0);
}
/* screen - 1920 */

.x1920 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 1080px;
  min-width: 1920px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x1920 .beatlesbg-3YiSwQ {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1069px;
}

.x1920 .group-11-3YiSwQ {
  background-color: transparent;
  height: 916px;
  left: 1110px;
  position: absolute;
  top: calc(45.12% - 413px);
  width: 678px;
}

.x1920 .beatleslogo-j7MGZI {
  background-color: transparent;
  height: 135px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 275px;
}

.x1920 .beatlemania-j7MGZI {
  background-color: transparent;
  color: var(--shark);
  font-family: var(--font-family-futurapt-medium);
  font-size: 59px;
  font-style: normal;
  font-weight: 500;
  height: 83px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 59px;
  position: absolute;
  text-align: left;
  top: calc(17.29% - 14px);
  width: 313px;
}

.x1920 .shop-all-your-f-our-100-satisf-j7MGZI {
  background-color: transparent;
  height: 77px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 27px;
  position: absolute;
  text-align: left;
  top: calc(26.16% - 20px);
  width: 587px;
}

.x1920 .choral-j7MGZI {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(39.13% - 13px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 78px;
}

.x1920 .choral-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .concert-band-j7MGZI {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(45.81% - 15px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 140px;
}

.x1920 .concert-band-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .orchestra-strings-j7MGZI {
  background-color: transparent;
  bottom: calc(47.51% - 16px);
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 174px;
}

.x1920 .orchestra-strings-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .jazz-ensemble-j7MGZI {
  background-color: transparent;
  bottom: calc(40.83% - 13px);
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 143px;
}

.x1920 .jazz-ensemble-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .marching-band-j7MGZI {
  background-color: transparent;
  bottom: calc(34.14% - 11px);
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 153px;
}

.x1920 .marching-band-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .elementary-classroom-j7MGZI {
  background-color: transparent;
  bottom: calc(27.46% - 9px);
  cursor: pointer;
  height: 33px;
  left: 6px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 212px;
}

.x1920 .elementary-classroom-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .piano-j7MGZI {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(39.13% - 13px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x1920 .piano-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .vocal-j7MGZI {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(45.81% - 15px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x1920 .vocal-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .guitar-j7MGZI {
  background-color: transparent;
  bottom: calc(47.51% - 16px);
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 67px;
}

.x1920 .guitar-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .books-j7MGZI {
  background-color: transparent;
  bottom: calc(40.83% - 13px);
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 61px;
}

.x1920 .books-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .woodwind-brass-percussion-j7MGZI {
  background-color: transparent;
  bottom: calc(34.14% - 11px);
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 295px;
}

.x1920 .woodwind-brass-percussion-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .handbells-j7MGZI {
  background-color: transparent;
  bottom: calc(27.46% - 9px);
  cursor: pointer;
  height: 33px;
  left: 316px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 101px;
}

.x1920 .handbells-j7MGZI:hover {
  transform: translate(5px, 0);
}

.x1920 .group-19-j7MGZI {
  background-color: transparent;
  height: 169px;
  left: 3px;
  position: absolute;
  top: 747px;
  width: 675px;
}

.x1920 .beatlemania-in-i-the-bluecoats-funxin {
  background-color: transparent;
  color: var(--shark);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: 40px;
  left: 184px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 493px;
}

.x1920 .between-the-201-re-in-the-1960s-funxin {
  background-color: transparent;
  height: 77px;
  left: 186px;
  letter-spacing: 0.00px;
  line-height: 27px;
  position: absolute;
  text-align: left;
  top: calc(45.11% - 35px);
  width: 491px;
}

.x1920 .mask-group-2-funxin {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1px;
  transition: all 0.2s ease;
  width: 169px;
}

.x1920 .mask-group-2-funxin:hover {
  transform: translate(0, -5px);
}

.x1920 .read-more-funxin {
  background-color: transparent;
  bottom: 31px;
  cursor: pointer;
  height: 33px;
  left: calc(32.46% - 34px);
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 104px;
}

.x1920 .read-more-funxin:hover {
  transform: translate(5px, 0);
}
/* screen - 2560 */

.x2560 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 1440px;
  min-width: 2560px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x2560 .beatlesbg-MW0csq {
  background-color: transparent;
  height: 100%;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 1425px;
}

.x2560 .group-12-MW0csq {
  background-color: transparent;
  bottom: calc(43.12% - 483px);
  height: 1120px;
  left: 1480px;
  position: absolute;
  width: 800px;
}

.x2560 .beatleslogo-gzNHr3 {
  background-color: transparent;
  height: 180px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 367px;
}

.x2560 .beatlemania-gzNHr3 {
  background-color: transparent;
  color: var(--shark);
  font-family: var(--font-family-futurapt-medium);
  font-size: 68px;
  font-style: normal;
  font-weight: 500;
  height: 90px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 68px;
  position: absolute;
  text-align: left;
  top: calc(18.64% - 17px);
  width: 361px;
}

.x2560 .shop-all-your-f-our-100-satisf-gzNHr3 {
  background-color: transparent;
  color: var(--shark-2);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
  height: 99px;
  left: 8px;
  letter-spacing: 0.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: calc(27.18% - 27px);
  width: 784px;
}

.x2560 .choral-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(38.50% - 13px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 78px;
}

.x2560 .choral-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .concert-band-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(43.93% - 14px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 140px;
}

.x2560 .concert-band-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .orchestra-strings-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(49.36% - 16px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 174px;
}

.x2560 .orchestra-strings-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .jazz-ensemble-gzNHr3 {
  background-color: transparent;
  bottom: calc(45.22% - 15px);
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 143px;
}

.x2560 .jazz-ensemble-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .marching-band-gzNHr3 {
  background-color: transparent;
  bottom: calc(39.79% - 13px);
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 153px;
}

.x2560 .marching-band-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .elementary-classroom-gzNHr3 {
  background-color: transparent;
  bottom: calc(34.36% - 11px);
  cursor: pointer;
  height: 33px;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 212px;
}

.x2560 .elementary-classroom-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .piano-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(38.50% - 13px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x2560 .piano-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .vocal-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(43.93% - 14px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 57px;
}

.x2560 .vocal-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .guitar-gzNHr3 {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: calc(49.36% - 16px);
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 67px;
}

.x2560 .guitar-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .books-gzNHr3 {
  background-color: transparent;
  bottom: calc(45.22% - 15px);
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 61px;
}

.x2560 .books-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .woodwind-brass-percussion-gzNHr3 {
  background-color: transparent;
  bottom: calc(39.79% - 13px);
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 295px;
}

.x2560 .woodwind-brass-percussion-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .handbells-gzNHr3 {
  background-color: transparent;
  bottom: calc(34.36% - 11px);
  cursor: pointer;
  height: 33px;
  left: 319px;
  letter-spacing: 0.00px;
  line-height: 47px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 101px;
}

.x2560 .handbells-gzNHr3:hover {
  transform: translate(5px, 0);
}

.x2560 .group-18-gzNHr3 {
  background-color: transparent;
  height: 225px;
  left: 0px;
  position: absolute;
  top: 895px;
  width: 800px;
}

.x2560 .beatlemania-in-i-the-bluecoats-6vjeKo {
  background-color: transparent;
  color: var(--shark);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 35px;
  font-style: normal;
  font-weight: 500;
  height: 47px;
  left: 246px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: calc(9.55% - 4px);
  width: 479px;
}

.x2560 .between-the-201-re-in-the-1960s-6vjeKo {
  background-color: transparent;
  color: var(--shark-2);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-xxxl);
  font-style: normal;
  font-weight: 400;
  height: 99px;
  left: 249px;
  letter-spacing: 0.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: calc(47.22% - 47px);
  width: 553px;
}

.x2560 .read-more-6vjeKo {
  background-color: transparent;
  bottom: 32px;
  cursor: pointer;
  height: 33px;
  left: calc(35.67% - 37px);
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: 104px;
}

.x2560 .read-more-6vjeKo:hover {
  transform: translate(5px, 0);
}

.x2560 .mask-group-2-6vjeKo {
  background-color: transparent;
  cursor: pointer;
  height: 100%;
  left: 0px;
  mix-blend-mode: normal;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 0px;
  transition: all 0.2s ease;
  width: 225px;
}

.x2560 .mask-group-2-6vjeKo:hover {
  transform: translate(0, -5px);
}
/* screen - 360 */

.x360 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 1089px;
  min-width: 320px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x360 .mask-group-1-yKGYz3 {
  background-color: transparent;
  height: 242px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x360 .beatleslogo-yKGYz3 {
  background-color: transparent;
  height: 83px;
  left: calc(50.00% - 85px);
  object-fit: cover;
  position: absolute;
  top: 73px;
  width: 170px;
}

.x360 .group-8-yKGYz3 {
  background-color: transparent;
  height: 14.45%;
  left: calc(50.00% - 145px);
  position: absolute;
  top: 258px;
  width: 290px;
}

.x360 .beatlemania-zvWDqJ {
  background-color: transparent;
  height: 64px;
  letter-spacing: 0.00px;
  line-height: 46px;
  position: absolute;
  right: calc(46.81% - 114px);
  text-align: center;
  top: 0px;
  width: 243px;
}

.x360 .shop-all-your-f-our-100-satisf-zvWDqJ {
  background-color: transparent;
  height: 98px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 57px;
  width: 292px;
}

.x360 .group-13-yKGYz3 {
  background-color: transparent;
  height: 266px;
  left: calc(50.00% - 150px);
  position: absolute;
  top: 458px;
  width: 300px;
}

.x360 .rectangle-12-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x360 .rectangle-13-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 144px;
}

.x360 .rectangle-9-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(20.26% - 7px);
  width: 144px;
}

.x360 .rectangle-10-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(40.09% - 14px);
  width: 144px;
}

.x360 .rectangle-11-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x360 .rectangle-8-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x360 .rectangle-4-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 145px;
}

.x360 .rectangle-5-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(20.26% - 7px);
  width: 145px;
}

.x360 .rectangle-6-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(40.09% - 14px);
  width: 145px;
}

.x360 .rectangle-7-4nHs9j {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x360 .rectangle-12-YCxFil {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x360 .rectangle-8-YCxFil {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x360 .choral-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: calc(21.64% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 32px;
}

.x360 .orchestra-strings-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 33px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 82px;
}

.x360 .marching-band-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 39px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 70px;
}

.x360 .piano-4nHs9j {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  left: calc(22.26% - 6px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x360 .guitar-4nHs9j {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  left: calc(21.85% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 30px;
}

.x360 .winds-brass-percussion-4nHs9j {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 116px;
}

.x360 .concert-band-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 40px;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 62px;
}

.x360 .jazz-ensemble-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 38px;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 66px;
}

.x360 .elementary-classroom-4nHs9j {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 21px;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 100px;
}

.x360 .vocal-4nHs9j {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(21.17% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x360 .books-4nHs9j {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(20.96% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 28px;
}

.x360 .handbells-4nHs9j {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(18.90% - 9px);
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.x360 .group-24-yKGYz3 {
  background-color: transparent;
  height: 276px;
  left: calc(50.00% - 150px);
  position: absolute;
  top: 769px;
  width: 300px;
}

.x360 .beatlemania-in-i-the-bluecoats-5ksaZf {
  background-color: transparent;
  color: var(--shark);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  height: 28px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  right: calc(29.63% - 81px);
  text-align: left;
  top: 132px;
  width: 273px;
}

.x360 .between-the-201-re-in-the-1960s-5ksaZf {
  background-color: transparent;
  height: 72px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  right: calc(37.50% - 100px);
  text-align: left;
  top: 161px;
  width: 268px;
}

.x360 .rectangle-8-5ksaZf {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 31px;
  left: 19px;
  position: absolute;
  width: 131px;
}

.x360 .read-more-5ksaZf {
  background-color: transparent;
  bottom: 12px;
  color: var(--ecru-white);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  height: 15px;
  left: calc(24.41% - 11px);
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.x360 .bluecoatslead-5ksaZf {
  background-color: transparent;
  cursor: pointer;
  height: 125px;
  left: calc(50.00% - 150px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 300px;
}
/* screen - 375 */

.x375 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 1098px;
  min-width: 375px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x375 .mask-group-1-kbeuKH {
  background-color: transparent;
  height: 252px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x375 .beatleslogo-kbeuKH {
  background-color: transparent;
  height: 87px;
  left: calc(50.00% - 88px);
  object-fit: cover;
  position: absolute;
  top: 76px;
  width: 177px;
}

.x375 .group-7-kbeuKH {
  background-color: transparent;
  height: 13.12%;
  position: absolute;
  right: calc(48.98% - 160px);
  top: 266px;
  width: 326px;
}

.x375 .beatlemania-c7KVjm {
  background-color: transparent;
  height: 63px;
  letter-spacing: 0.00px;
  line-height: 46px;
  position: absolute;
  right: calc(48.81% - 118px);
  text-align: center;
  top: 0px;
  width: 242px;
}

.x375 .shop-all-your-f-our-100-satisf-c7KVjm {
  background-color: transparent;
  height: 78px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 64px;
  width: 328px;
}

.x375 .group-13-kbeuKH {
  background-color: transparent;
  height: 266px;
  position: absolute;
  right: calc(49.33% - 148px);
  top: 456px;
  width: 300px;
}

.x375 .rectangle-12-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x375 .rectangle-13-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 144px;
}

.x375 .rectangle-9-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(20.26% - 7px);
  width: 144px;
}

.x375 .rectangle-10-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(40.09% - 14px);
  width: 144px;
}

.x375 .rectangle-11-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x375 .rectangle-8-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x375 .rectangle-4-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 145px;
}

.x375 .rectangle-5-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(20.26% - 7px);
  width: 145px;
}

.x375 .rectangle-6-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(40.09% - 14px);
  width: 145px;
}

.x375 .rectangle-7-eVPhI2 {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x375 .rectangle-12-X95RCt {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x375 .rectangle-8-X95RCt {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x375 .choral-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: calc(21.64% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 32px;
}

.x375 .orchestra-strings-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 33px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 82px;
}

.x375 .marching-band-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 39px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 70px;
}

.x375 .piano-eVPhI2 {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  left: calc(22.26% - 6px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x375 .guitar-eVPhI2 {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  left: calc(21.85% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 30px;
}

.x375 .winds-brass-percussion-eVPhI2 {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 116px;
}

.x375 .concert-band-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 40px;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 62px;
}

.x375 .jazz-ensemble-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 38px;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 66px;
}

.x375 .elementary-classroom-eVPhI2 {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 21px;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 100px;
}

.x375 .vocal-eVPhI2 {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(21.17% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x375 .books-eVPhI2 {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(20.96% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 28px;
}

.x375 .handbells-eVPhI2 {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(18.90% - 9px);
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.x375 .group-23-kbeuKH {
  background-color: transparent;
  height: 290px;
  left: calc(46.67% - 168px);
  position: absolute;
  top: 772px;
  width: 360px;
}

.x375 .beatlemania-in-i-the-bluecoats-B8jHVx {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: calc(37.29% - 112px);
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 158px;
  width: 301px;
}

.x375 .between-the-201-re-in-the-1960s-B8jHVx {
  background-color: transparent;
  height: 54px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  right: calc(39.47% - 127px);
  text-align: left;
  top: 193px;
  width: 322px;
}

.x375 .rectangle-8-B8jHVx {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  left: 22px;
  position: absolute;
  width: 145px;
}

.x375 .read-more-B8jHVx {
  background-color: transparent;
  bottom: 19px;
  color: var(--ecru-white);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 10px;
  font-style: normal;
  font-weight: 500;
  height: 15px;
  left: calc(22.29% - 10px);
  letter-spacing: 0.00px;
  line-height: 33px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.x375 .bluecoatslead-B8jHVx {
  background-color: transparent;
  cursor: pointer;
  height: 149px;
  left: calc(50.00% - 180px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 360px;
}
/* screen - 414 */

.x414 {
  background-color: var(--ecru-white);
  height: 100vh;
  margin: 0px;
  min-height: 1275px;
  min-width: 414px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.x414 .mask-group-1-3jU4XX {
  background-color: transparent;
  height: 418px;
  left: 0px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 100%;
}

.x414 .beatleslogo-3jU4XX {
  background-color: transparent;
  height: 96px;
  left: calc(50.00% - 98px);
  object-fit: cover;
  position: absolute;
  top: 157px;
  width: 196px;
}

.x414 .group-6-3jU4XX {
  background-color: transparent;
  height: 11.65%;
  left: calc(50.00% - 176px);
  position: absolute;
  top: 425px;
  width: 352px;
}

.x414 .beatlemania-pgQzaJ {
  background-color: transparent;
  height: 62px;
  letter-spacing: 0.00px;
  line-height: 46px;
  position: absolute;
  right: calc(49.09% - 119px);
  text-align: center;
  top: 0px;
  width: 242px;
}

.x414 .shop-all-your-f-our-100-satisf-pgQzaJ {
  background-color: transparent;
  color: var(--shark-2);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  height: 79px;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 68px;
  width: 354px;
}

.x414 .group-13-3jU4XX {
  background-color: transparent;
  height: 266px;
  left: calc(50.00% - 150px);
  position: absolute;
  top: 615px;
  width: 300px;
}

.x414 .rectangle-12-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x414 .rectangle-13-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 144px;
}

.x414 .rectangle-9-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(20.26% - 7px);
  width: 144px;
}

.x414 .rectangle-10-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  top: calc(40.09% - 14px);
  width: 144px;
}

.x414 .rectangle-11-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x414 .rectangle-8-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(20.26% - 7px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x414 .rectangle-4-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 145px;
}

.x414 .rectangle-5-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(20.26% - 7px);
  width: 145px;
}

.x414 .rectangle-6-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  top: calc(40.09% - 14px);
  width: 145px;
}

.x414 .rectangle-7-hC54AF {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: calc(40.09% - 14px);
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x414 .rectangle-12-gOQcmu {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  position: absolute;
  right: 0px;
  width: 144px;
}

.x414 .rectangle-8-gOQcmu {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 34px;
  left: 0px;
  position: absolute;
  width: 145px;
}

.x414 .choral-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: calc(21.64% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 32px;
}

.x414 .orchestra-strings-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 33px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 82px;
}

.x414 .marching-band-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  left: 39px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 70px;
}

.x414 .piano-hC54AF {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  left: calc(22.26% - 6px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x414 .guitar-hC54AF {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  left: calc(21.85% - 7px);
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 30px;
}

.x414 .winds-brass-percussion-hC54AF {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  left: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 116px;
}

.x414 .concert-band-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 40px;
  text-align: center;
  top: -6px;
  white-space: nowrap;
  width: 62px;
}

.x414 .jazz-ensemble-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 38px;
  text-align: center;
  top: calc(16.20% - 3px);
  white-space: nowrap;
  width: 66px;
}

.x414 .elementary-classroom-hC54AF {
  background-color: transparent;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: 21px;
  text-align: center;
  top: calc(34.60% - 6px);
  white-space: nowrap;
  width: 100px;
}

.x414 .vocal-hC54AF {
  background-color: transparent;
  bottom: calc(47.00% - 8px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(21.17% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 26px;
}

.x414 .books-hC54AF {
  background-color: transparent;
  bottom: calc(28.60% - 5px);
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(20.96% - 6px);
  text-align: center;
  white-space: nowrap;
  width: 28px;
}

.x414 .handbells-hC54AF {
  background-color: transparent;
  bottom: 24px;
  cursor: pointer;
  height: 16px;
  letter-spacing: 0.00px;
  line-height: 47px;
  position: absolute;
  right: calc(18.90% - 9px);
  text-align: center;
  white-space: nowrap;
  width: 46px;
}

.x414 .group-22-3jU4XX {
  background-color: transparent;
  height: 310px;
  left: calc(50.00% - 200px);
  position: absolute;
  top: 931px;
  width: 400px;
}

.x414 .beatlemania-in-i-the-bluecoats-b6x9i1 {
  background-color: transparent;
  cursor: pointer;
  height: 31px;
  left: calc(25.25% - 76px);
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 177px;
  width: 301px;
}

.x414 .between-the-201-re-in-the-1960s-b6x9i1 {
  background-color: transparent;
  height: 54px;
  letter-spacing: 0.00px;
  line-height: 18px;
  position: absolute;
  right: calc(40.91% - 146px);
  text-align: left;
  top: 208px;
  width: 356px;
}

.x414 .rectangle-8-b6x9i1 {
  background-color: var(--green-blue);
  border-radius: 73px;
  bottom: 0px;
  cursor: pointer;
  height: 32px;
  left: 25px;
  position: absolute;
  width: 133px;
}

.x414 .read-more-b6x9i1 {
  background-color: transparent;
  bottom: 18px;
  cursor: pointer;
  height: 16px;
  left: calc(18.57% - 9px);
  letter-spacing: 0.00px;
  line-height: 33px;
  position: absolute;
  text-align: center;
  white-space: nowrap;
  width: 50px;
}

.x414 .bluecoatslead-b6x9i1 {
  background-color: transparent;
  cursor: pointer;
  height: 167px;
  left: calc(50.00% - 200px);
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 400px;
}
@media screen and (max-width: 374px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1920 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
}
@media screen and (min-width: 375px) and (max-width: 413px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1920 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}
@media screen and (min-width: 414px) and (max-width: 1199px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1920 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}
@media screen and (min-width: 1200px) and (max-width: 1535px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1920 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}
@media screen and (min-width: 1536px) and (max-width: 1919px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1920 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}
@media screen and (min-width: 1920px) and (max-width: 2559px) {
  .screen.x2560 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}
@media screen and (min-width: 2560px) {
  .screen.x1920 { 
    display: none;
   }
  .screen.x1536 { 
    display: none;
   }
  .screen.x1200 { 
    display: none;
   }
  .screen.x414 { 
    display: none;
   }
  .screen.x375 { 
    display: none;
   }
  .screen.x360 { 
    display: none;
   }
}