/* screen - 1200 */

.x1200 {
  background-color: var(--white);
  height: 1850px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1200px;
}

.x1200 .rectangle-30-PGXLS6 {
  background-color: var(--scarlet);
  height: 640px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1200px;
}

.x1200 .celebrating-west-side-story-PGXLS6 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-medium);
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 615px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: left;
  top: 97px;
  width: 513px;
}

.x1200 .west-side-story-is-c-PGXLS6 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 618px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 166px;
  width: 497px;
}

.x1200 .rectangle-23-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 31px;
  left: 793px;
  position: absolute;
  top: 387px;
  width: 159px;
}

.x1200 .rectangle-24-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 31px;
  left: 618px;
  position: absolute;
  top: 431px;
  width: 161px;
}

.x1200 .rectangle-25-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 31px;
  left: 618px;
  position: absolute;
  top: 387px;
  width: 162px;
}

.x1200 .rectangle-26-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 32px;
  left: 618px;
  position: absolute;
  top: 473px;
  width: 162px;
}

.x1200 .rectangle-27-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 32px;
  left: 964px;
  position: absolute;
  top: 386px;
  width: 162px;
}

.x1200 .rectangle-28-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 31px;
  left: 792px;
  position: absolute;
  top: 431px;
  width: 161px;
}

.x1200 .choral-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 681px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 384px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .choral-PGXLS6:hover {
  color: #ffffff
}

.x1200 .orchestra-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 674px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 470px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .orchestra-PGXLS6:hover {
  color: #ffffff
}

.x1200 .marching-band-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1006px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 384px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .marching-band-PGXLS6:hover {
  color: #ffffff
}

.x1200 .brass-woodwinds-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 823px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 428px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .brass-woodwinds-PGXLS6:hover {
  color: #ffffff
}

.x1200 .concert-band-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 838px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 384px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .concert-band-PGXLS6:hover {
  color: #ffffff
}

.x1200 .vocal-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 684px;
  letter-spacing: 0.00px;
  line-height: 35px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 428px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .vocal-PGXLS6:hover {
  color: #ffffff
}

.x1200 .rectangle-29-PGXLS6 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 32px;
  left: 965px;
  position: absolute;
  top: 430px;
  width: 161px;
}

.x1200 .see-all-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1028px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 428px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .see-all-PGXLS6:hover {
  color: #ffffff
}

.x1200 .polygon-2-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  left: 593px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 566px;
  transition: all 0.2s ease;
  width: 29px;
}

.x1200 .polygon-2-PGXLS6:hover {
  transform: scale(1.1);
}

.x1200 .west-side-story-bg-PGXLS6 {
  background-color: transparent;
  height: 390px;
  left: 38px;
  object-fit: cover;
  position: absolute;
  top: 115px;
  width: 561px;
}

.x1200 .the-leonard-bernstei-PGXLS6 {
  background-color: transparent;
  height: auto;
  left: 646px;
  letter-spacing: 0.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: 721px;
  white-space: nowrap;
  width: auto;
}

.x1200 .the-original-concept-PGXLS6 {
  background-color: transparent;
  height: auto;
  left: 646px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 822px;
  width: 508px;
}

.x1200 .rectangle-183-PGXLS6 {
  background-color: transparent;
  height: 294px;
  left: 64px;
  overflow: hidden;
  position: absolute;
  top: 702px;
  width: 524px;
}

.x1200 .the-music-of-rita-mo-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 64px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1475px;
  transition: all 0.2s ease;
  width: 526px;
}

.x1200 .the-music-of-rita-mo-PGXLS6:hover {
  transform: translate(0, -5px);
}

.x1200 .if-you-love-west-sid-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 639px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1475px;
  transition: all 0.2s ease;
  width: 525px;
}

.x1200 .if-you-love-west-sid-PGXLS6:hover {
  transform: translate(0, -5px);
}

.x1200 .rita-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: 294px;
  left: 64px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1157px;
  transition: all 0.2s ease;
  width: 524px;
}

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

.x1200 .rita2-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: 293px;
  left: 639px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1157px;
  transition: all 0.2s ease;
  width: 523px;
}

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

.x1200 .rita-moreno-is-an-in-PGXLS6 {
  background-color: transparent;
  height: auto;
  left: 64px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1581px;
  width: 526px;
}

.x1200 .are-you-a-west-side-PGXLS6 {
  background-color: transparent;
  height: auto;
  left: 639px;
  letter-spacing: 0.00px;
  line-height: 24px;
  position: absolute;
  text-align: left;
  top: 1581px;
  width: 525px;
}

.x1200 .rectangle-16-PGXLS6 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 43px;
  left: 902px;
  position: absolute;
  top: 962px;
  width: 219px;
}

.x1200 .shop-leonard-bernstein-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 939px;
  letter-spacing: 0.00px;
  line-height: 55px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 954px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .shop-leonard-bernstein-PGXLS6:hover {
  color: #ffffff
}

.x1200 .rectangle-17-PGXLS6 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 43px;
  left: 642px;
  position: absolute;
  top: 962px;
  width: 219px;
}

.x1200 .read-more-PGXLS6 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 718px;
  letter-spacing: 0.00px;
  line-height: 52px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 955px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .read-more-PGXLS6:hover {
  color: #ffffff
}

.x1200 .rectangle-21-PGXLS6 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 43px;
  left: 64px;
  position: absolute;
  top: 1708px;
  width: 219px;
}

.x1200 .read-more-SZiQxW {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 140px;
  letter-spacing: 0.00px;
  line-height: 52px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1702px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .read-more-SZiQxW:hover {
  color: #ffffff
}

.x1200 .rectangle-22-PGXLS6 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 43px;
  left: 639px;
  position: absolute;
  top: 1708px;
  width: 219px;
}

.x1200 .read-more-wLVFMu {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 715px;
  letter-spacing: 0.00px;
  line-height: 52px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1702px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1200 .read-more-wLVFMu:hover {
  color: #ffffff
}
/* screen - 1536 */

.x1536 {
  background-color: var(--white);
  height: 2500px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1536px;
}

.x1536 .rectangle-30-2RunPk {
  background-color: var(--scarlet);
  height: 864px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1536px;
}

.x1536 .celebrating-west-side-story-2RunPk {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-medium);
  font-size: 45px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 911px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: left;
  top: 111px;
  width: 565px;
}

.x1536 .west-side-story-is-c-2RunPk {
  background-color: transparent;
  height: auto;
  left: 914px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 177px;
  width: 535px;
}

.x1536 .rectangle-23-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 40px;
  left: 1138px;
  position: absolute;
  top: 473px;
  width: 204px;
}

.x1536 .rectangle-24-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 40px;
  left: 914px;
  position: absolute;
  top: 530px;
  width: 206px;
}

.x1536 .rectangle-25-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 40px;
  left: 914px;
  position: absolute;
  top: 473px;
  width: 207px;
}

.x1536 .rectangle-26-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 41px;
  left: 914px;
  position: absolute;
  top: 584px;
  width: 207px;
}

.x1536 .rectangle-27-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 41px;
  left: 914px;
  position: absolute;
  top: 639px;
  width: 207px;
}

.x1536 .rectangle-28-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 40px;
  left: 1137px;
  position: absolute;
  top: 530px;
  width: 206px;
}

.x1536 .choral-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 994px;
  letter-spacing: 0.00px;
  line-height: 49px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 468px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .choral-2RunPk:hover {
  color: #ffffff
}

.x1536 .orchestra-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 985px;
  letter-spacing: 0.00px;
  line-height: 53px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 579px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .orchestra-2RunPk:hover {
  color: #ffffff
}

.x1536 .marching-band-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 968px;
  letter-spacing: 0.00px;
  line-height: 49px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 635px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .marching-band-2RunPk:hover {
  color: #ffffff
}

.x1536 .brass-woodwinds-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1176px;
  letter-spacing: 0.00px;
  line-height: 49px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 525px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .brass-woodwinds-2RunPk:hover {
  color: #ffffff
}

.x1536 .concert-band-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1195px;
  letter-spacing: 0.00px;
  line-height: 49px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 468px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .concert-band-2RunPk:hover {
  color: #ffffff
}

.x1536 .vocal-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 998px;
  letter-spacing: 0.00px;
  line-height: 46px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 526px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .vocal-2RunPk:hover {
  color: #ffffff
}

.x1536 .rectangle-29-2RunPk {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 41px;
  left: 1137px;
  position: absolute;
  top: 585px;
  width: 206px;
}

.x1536 .see-all-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1217px;
  letter-spacing: 0.00px;
  line-height: 49px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 581px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .see-all-2RunPk:hover {
  color: #ffffff
}

.x1536 .polygon-2-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: 48px;
  left: 740px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 766px;
  transition: all 0.2s ease;
  width: 56px;
}

.x1536 .polygon-2-2RunPk:hover {
  transform: scale(1.1);
}

.x1536 .west-side-story-bg-2RunPk {
  background-color: transparent;
  height: 552px;
  left: 73px;
  object-fit: cover;
  position: absolute;
  top: 130px;
  width: 794px;
}

.x1536 .the-leonard-bernstei-2RunPk {
  background-color: transparent;
  height: auto;
  left: 811px;
  letter-spacing: 0.00px;
  line-height: 48px;
  position: absolute;
  text-align: left;
  top: 1009px;
  white-space: nowrap;
  width: auto;
}

.x1536 .the-original-concept-2RunPk {
  background-color: transparent;
  height: auto;
  left: 811px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: 1134px;
  width: 652px;
}

.x1536 .rectangle-182-2RunPk {
  background-color: transparent;
  height: 378px;
  left: 64px;
  overflow: hidden;
  position: absolute;
  top: 984px;
  width: 673px;
}

.x1536 .the-music-of-rita-mo-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 64px;
  letter-spacing: 0.00px;
  line-height: 48px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1993px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .the-music-of-rita-mo-2RunPk:hover {
  transform: translate(0, -5px);
}

.x1536 .if-you-love-west-sid-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 802px;
  letter-spacing: 0.00px;
  line-height: 48px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1993px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .if-you-love-west-sid-2RunPk:hover {
  transform: translate(0, -5px);
}

.x1536 .rita-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: 377px;
  left: 64px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1568px;
  transition: all 0.2s ease;
  width: 673px;
}

.x1536 .rita-2RunPk:hover {
  transform: translate(0, -5px);
}

.x1536 .rita2-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: 376px;
  left: 802px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1568px;
  transition: all 0.2s ease;
  width: 672px;
}

.x1536 .rita2-2RunPk:hover {
  transform: translate(0, -5px);
}

.x1536 .rita-moreno-is-an-in-2RunPk {
  background-color: transparent;
  height: auto;
  left: 64px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: 2118px;
  width: 675px;
}

.x1536 .are-you-a-west-side-2RunPk {
  background-color: transparent;
  height: auto;
  left: 802px;
  letter-spacing: 0.00px;
  line-height: 35px;
  position: absolute;
  text-align: left;
  top: 2118px;
  width: 674px;
}

.x1536 .rectangle-16-2RunPk {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 1140px;
  position: absolute;
  top: 1306px;
  width: 281px;
}

.x1536 .shop-leonard-bernstein-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1187px;
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1296px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .shop-leonard-bernstein-2RunPk:hover {
  color: #ffffff
}

.x1536 .rectangle-17-2RunPk {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 806px;
  position: absolute;
  top: 1306px;
  width: 281px;
}

.x1536 .read-more-2RunPk {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 904px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1296px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .read-more-2RunPk:hover {
  color: #ffffff
}

.x1536 .rectangle-21-2RunPk {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 64px;
  position: absolute;
  top: 2285px;
  width: 281px;
}

.x1536 .read-more-xVRZZ0 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 162px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2276px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .read-more-xVRZZ0:hover {
  color: #ffffff
}

.x1536 .rectangle-22-2RunPk {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 802px;
  position: absolute;
  top: 2285px;
  width: 281px;
}

.x1536 .read-more-xK3Lr2 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 900px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2276px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1536 .read-more-xK3Lr2:hover {
  color: #ffffff
}
/* screen - 1920 */

.x1920 {
  background-color: var(--white);
  height: 3000px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 1920px;
}

.x1920 .rectangle-30-3YiSwQ {
  background-color: var(--scarlet);
  height: 1077px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1920px;
}

.x1920 .celebrating-west-side-story-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 1129px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  top: 168px;
  width: 658px;
}

.x1920 .west-side-story-is-c-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 1132px;
  letter-spacing: 0.00px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 259px;
  width: 655px;
}

.x1920 .rectangle-23-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 50px;
  left: 1412px;
  position: absolute;
  top: 561px;
  width: 256px;
}

.x1920 .rectangle-24-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 50px;
  left: 1133px;
  position: absolute;
  top: 633px;
  width: 257px;
}

.x1920 .rectangle-25-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 50px;
  left: 1132px;
  position: absolute;
  top: 561px;
  width: 259px;
}

.x1920 .rectangle-26-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 51px;
  left: 1132px;
  position: absolute;
  top: 700px;
  width: 259px;
}

.x1920 .rectangle-27-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 51px;
  left: 1132px;
  position: absolute;
  top: 769px;
  width: 259px;
}

.x1920 .rectangle-28-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 50px;
  left: 1411px;
  position: absolute;
  top: 633px;
  width: 258px;
}

.x1920 .choral-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1238px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 554px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .choral-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .orchestra-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1230px;
  letter-spacing: 0.00px;
  line-height: 65px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 694px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .orchestra-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .marching-band-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1209px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 763px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .marching-band-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .brass-woodwinds-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1471px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 626px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .brass-woodwinds-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .concert-band-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1494px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 554px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .concert-band-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .vocal-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1243px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 626px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .vocal-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .rectangle-29-3YiSwQ {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 51px;
  left: 1411px;
  position: absolute;
  top: 701px;
  width: 258px;
}

.x1920 .see-all-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1515px;
  letter-spacing: 0.00px;
  line-height: 61px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 695px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .see-all-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .polygon-2-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: 60px;
  left: 925px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 957px;
  transition: all 0.2s ease;
  width: 70px;
}

.x1920 .polygon-2-3YiSwQ:hover {
  transform: scale(1.1);
}

.x1920 .west-side-story-bg-3YiSwQ {
  background-color: transparent;
  height: 676px;
  left: 115px;
  object-fit: cover;
  position: absolute;
  top: 167px;
  width: 972px;
}

.x1920 .the-leonard-bernstei-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 1014px;
  letter-spacing: 0.00px;
  line-height: 55px;
  position: absolute;
  text-align: left;
  top: 1276px;
  white-space: nowrap;
  width: auto;
}

.x1920 .the-original-concept-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 1014px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 1417px;
  width: 815px;
}

.x1920 .rectangle-16-3YiSwQ {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 1348px;
  position: absolute;
  top: 1591px;
  width: 281px;
}

.x1920 .shop-leonard-bernstein-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1395px;
  letter-spacing: 0.00px;
  line-height: 73px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1580px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .shop-leonard-bernstein-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .rectangle-17-3YiSwQ {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 1014px;
  position: absolute;
  top: 1591px;
  width: 281px;
}

.x1920 .read-more-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1112px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1582px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .read-more-3YiSwQ:hover {
  color: #ffffff
}

.x1920 .rectangle-181-3YiSwQ {
  background-color: transparent;
  height: 472px;
  left: 80px;
  overflow: hidden;
  position: absolute;
  top: 1220px;
  width: 841px;
}

.x1920 .the-music-of-rita-mo-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 80px;
  letter-spacing: 0.00px;
  line-height: 55px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 2471px;
  transition: all 0.2s ease;
  width: 843px;
}

.x1920 .the-music-of-rita-mo-3YiSwQ:hover {
  transform: translate(0, -5px);
}

.x1920 .rita-moreno-is-an-in-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 80px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 2628px;
  width: 843px;
}

.x1920 .rectangle-21-3YiSwQ {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 80px;
  position: absolute;
  top: 2784px;
  width: 281px;
}

.x1920 .read-more-O5lKBq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 178px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2776px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .read-more-O5lKBq:hover {
  color: #ffffff
}

.x1920 .if-you-love-west-sid-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1003px;
  letter-spacing: 0.00px;
  line-height: 55px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 2471px;
  transition: all 0.2s ease;
  width: 841px;
}

.x1920 .if-you-love-west-sid-3YiSwQ:hover {
  transform: translate(0, -5px);
}

.x1920 .are-you-a-west-side-3YiSwQ {
  background-color: transparent;
  height: auto;
  left: 1003px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 2628px;
  width: 826px;
}

.x1920 .rectangle-22-3YiSwQ {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 55px;
  left: 1003px;
  position: absolute;
  top: 2784px;
  width: 281px;
}

.x1920 .read-more-LFPjVy {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1101px;
  letter-spacing: 0.00px;
  line-height: 69px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2776px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x1920 .read-more-LFPjVy:hover {
  color: #ffffff
}

.x1920 .rita-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: 471px;
  left: 80px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1950px;
  transition: all 0.2s ease;
  width: 841px;
}

.x1920 .rita-3YiSwQ:hover {
  transform: translate(0, -5px);
}

.x1920 .rita2-3YiSwQ {
  background-color: transparent;
  cursor: pointer;
  height: 470px;
  left: 1003px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1950px;
  transition: all 0.2s ease;
  width: 839px;
}

.x1920 .rita2-3YiSwQ:hover {
  transform: translate(0, -5px);
}
/* screen - 2560 */

.x2560 {
  background-color: var(--white);
  height: 3600px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 2560px;
}

.x2560 .rectangle-15-MW0csq {
  background-color: var(--scarlet);
  height: 1312px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 2560px;
}

.x2560 .celebrating-west-side-story-MW0csq {
  background-color: transparent;
  height: auto;
  left: 1454px;
  letter-spacing: 0.00px;
  line-height: 68px;
  position: absolute;
  text-align: left;
  top: 173px;
  width: 798px;
}

.x2560 .west-side-story-is-c-MW0csq {
  background-color: transparent;
  height: auto;
  left: 1458px;
  letter-spacing: 0.00px;
  line-height: 37px;
  position: absolute;
  text-align: left;
  top: 284px;
  width: 772px;
}

.x2560 .rectangle-13-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1797px;
  position: absolute;
  top: 629px;
  width: 311px;
}

.x2560 .rectangle-11-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1459px;
  position: absolute;
  top: 715px;
  width: 311px;
}

.x2560 .rectangle-4-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1458px;
  position: absolute;
  top: 629px;
  width: 313px;
}

.x2560 .rectangle-5-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1458px;
  position: absolute;
  top: 798px;
  width: 313px;
}

.x2560 .rectangle-6-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1458px;
  position: absolute;
  top: 881px;
  width: 313px;
}

.x2560 .rectangle-8-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1796px;
  position: absolute;
  top: 715px;
  width: 313px;
}

.x2560 .choral-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1588px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 618px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .choral-MW0csq:hover {
  color: #ffffff
}

.x2560 .orchestra-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1576px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 788px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .orchestra-MW0csq:hover {
  color: #ffffff
}

.x2560 .marching-band-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1554px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 870px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .marching-band-MW0csq:hover {
  color: #ffffff
}

.x2560 .brass-woodwinds-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1873px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 704px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .brass-woodwinds-MW0csq:hover {
  color: #ffffff
}

.x2560 .concert-band-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1899px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 618px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .concert-band-MW0csq:hover {
  color: #ffffff
}

.x2560 .vocal-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1592px;
  letter-spacing: 0.00px;
  line-height: 77px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 706px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .vocal-MW0csq:hover {
  color: #ffffff
}

.x2560 .rectangle-14-MW0csq {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1796px;
  position: absolute;
  top: 799px;
  width: 313px;
}

.x2560 .see-all-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1925px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 788px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .see-all-MW0csq:hover {
  color: #ffffff
}

.x2560 .polygon-1-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: 72px;
  left: 1238px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1133px;
  transition: all 0.2s ease;
  width: 84px;
}

.x2560 .polygon-1-MW0csq:hover {
  transform: scale(0.9); 
}

.x2560 .the-leonard-bernstei-MW0csq {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futura_pt);
  font-size: var(--font-size-xxxxl);
  font-weight: 500;
  height: auto;
  left: 1339px;
  letter-spacing: 0.00px;
  line-height: 68px;
  position: absolute;
  text-align: left;
  top: 1686px;
  white-space: nowrap;
  width: auto;
}

.x2560 .span0-TxjrRc {
}

.x2560 .span1-TxjrRc {
  font-family: var(--font-family-futurapt-mediumoblique);
  font-style: normal;
}

.x2560 .the-original-concept-MW0csq {
  background-color: transparent;
  height: auto;
  left: 1339px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 1862px;
  width: 907px;
}

.x2560 .rectangle-16-MW0csq {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1711px;
  position: absolute;
  top: 2036px;
  width: 313px;
}

.x2560 .shop-leonard-bernstein-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1774px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2026px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .shop-leonard-bernstein-MW0csq:hover {
  color: #ffffff
}

.x2560 .rectangle-17-MW0csq {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1339px;
  position: absolute;
  top: 2036px;
  width: 313px;
}

.x2560 .read-more-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1453px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2026px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .read-more-MW0csq:hover {
  color: #ffffff
}

.x2560 .rectangle-18-MW0csq {
  background-color: transparent;
  height: 526px;
  left: 299px;
  overflow: hidden;
  position: absolute;
  top: 1629px;
  width: 937px;
}

.x2560 .the-music-of-rita-mo-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 299px;
  letter-spacing: 0.00px;
  line-height: 68px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 3035px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .the-music-of-rita-mo-MW0csq:hover {
  transform: translate(0, -5px);
}

.x2560 .rita-moreno-is-an-in-MW0csq {
  background-color: transparent;
  height: auto;
  left: 299px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 3212px;
  width: 939px;
}

.x2560 .rectangle-21-MW0csq {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 299px;
  position: absolute;
  top: 3366px;
  width: 313px;
}

.x2560 .read-more-RTEkxP {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 413px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 3356px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .read-more-RTEkxP:hover {
  color: #ffffff
}

.x2560 .if-you-love-west-sid-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1327px;
  letter-spacing: 0.00px;
  line-height: 68px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 3035px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .if-you-love-west-sid-MW0csq:hover {
  transform: translate(0, -5px);
}

.x2560 .are-you-a-west-side-MW0csq {
  background-color: transparent;
  height: auto;
  left: 1327px;
  letter-spacing: 0.00px;
  line-height: 39px;
  position: absolute;
  text-align: left;
  top: 3212px;
  width: 937px;
}

.x2560 .rectangle-22-MW0csq {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 61px;
  left: 1327px;
  position: absolute;
  top: 3366px;
  width: 313px;
}

.x2560 .read-more-phqUw3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 1441px;
  letter-spacing: 0.00px;
  line-height: 81px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 3356px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x2560 .read-more-phqUw3:hover {
  color: #ffffff
}

.x2560 .rita-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: 525px;
  left: 299px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 2442px;
  transition: all 0.2s ease;
  width: 937px;
}

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

.x2560 .rita2-MW0csq {
  background-color: transparent;
  cursor: pointer;
  height: 524px;
  left: 1327px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 2442px;
  transition: all 0.2s ease;
  width: 935px;
}

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

.x2560 .west-side-story-bg-MW0csq {
  background-color: transparent;
  height: 821px;
  left: 222px;
  object-fit: cover;
  position: absolute;
  top: 173px;
  width: 1181px;
}
/* screen - 360 */

.x360 {
  background-color: var(--white);
  height: 2400px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 320px;
}

.x360 .rectangle-30-yKGYz3 {
  background-color: var(--scarlet);
  height: 855px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 320px;
}

.x360 .west-side-story-bg-yKGYz3 {
  background-color: transparent;
  height: 208px;
  left: 9px;
  object-fit: cover;
  position: absolute;
  top: 17px;
  width: 300px;
}

.x360 .celebrating-west-side-story-yKGYz3 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-medium);
  font-size: 26px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 241px;
  width: 297px;
}

.x360 .west-side-story-is-c-yKGYz3 {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-book);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 20px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 281px;
  width: 292px;
}

.x360 .rectangle-23-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 37px;
  left: 166px;
  position: absolute;
  top: 574px;
  width: 134px;
}

.x360 .rectangle-24-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 39px;
  left: 20px;
  position: absolute;
  top: 616px;
  width: 134px;
}

.x360 .rectangle-25-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 36px;
  left: 20px;
  position: absolute;
  top: 574px;
  width: 134px;
}

.x360 .rectangle-26-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 37px;
  left: 20px;
  position: absolute;
  top: 661px;
  width: 134px;
}

.x360 .rectangle-27-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 38px;
  left: 20px;
  position: absolute;
  top: 706px;
  width: 134px;
}

.x360 .rectangle-28-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 39px;
  left: 166px;
  position: absolute;
  top: 616px;
  width: 134px;
}

.x360 .choral-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 73px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 578px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .choral-yKGYz3:hover {
  color: #ffffff
}

.x360 .orchestra-yKGYz3 {
  background-color: transparent;
  color: var(--scarlet);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 9px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 67px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 666px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .orchestra-yKGYz3:hover {
  color: #ffffff
}

.x360 .marching-band-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 54px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 712px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .marching-band-yKGYz3:hover {
  color: #ffffff
}

.x360 .brass-woodwinds-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 192px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 620px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .brass-woodwinds-yKGYz3:hover {
  color: #ffffff
}

.x360 .concert-band-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 205px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 578px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .concert-band-yKGYz3:hover {
  color: #ffffff
}

.x360 .vocal-yKGYz3 {
  background-color: transparent;
  color: var(--scarlet);
  cursor: pointer;
  font-family: var(--font-family-futurapt-medium);
  font-size: 11px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 74px;
  letter-spacing: 0.00px;
  line-height: 30px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 620px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .vocal-yKGYz3:hover {
  color: #ffffff
}

.x360 .rectangle-29-yKGYz3 {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 37px;
  left: 166px;
  position: absolute;
  top: 661px;
  width: 134px;
}

.x360 .see-all-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 218px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 666px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .see-all-yKGYz3:hover {
  color: #ffffff
}

.x360 .polygon-2-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 146px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 790px;
  transition: all 0.2s ease;
  width: 29px;
}

.x360 .polygon-2-yKGYz3:hover {
  transform: scale(1.1);
}

.x360 .rectangle-18-yKGYz3 {
  background-color: transparent;
  height: 179px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 846px;
  width: 320px;
}

.x360 .the-leonard-bernstei-yKGYz3 {
  background-color: transparent;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 1045px;
  white-space: nowrap;
  width: auto;
}

.x360 .the-original-concept-yKGYz3 {
  background-color: transparent;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1114px;
  width: 304px;
}

.x360 .rita-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: 179px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1359px;
  transition: all 0.2s ease;
  width: 320px;
}

.x360 .rita-yKGYz3:hover {
  transform: translate(0, -5px);
}

.x360 .rectangle-16-yKGYz3 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 37px;
  left: 169px;
  position: absolute;
  top: 1286px;
  width: 142px;
}

.x360 .shop-leonard-bernstein-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 193px;
  letter-spacing: 0.00px;
  line-height: 26px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1292px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .shop-leonard-bernstein-yKGYz3:hover {
  color: #ffffff
}

.x360 .rectangle-17-yKGYz3 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 37px;
  left: 9px;
  position: absolute;
  top: 1286px;
  width: 143px;
}

.x360 .read-more-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 61px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1290px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .read-more-yKGYz3:hover {
  color: #ffffff
}

.x360 .the-music-of-rita-mo-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1554px;
  transition: all 0.2s ease;
  width: 302px;
}

.x360 .the-music-of-rita-mo-yKGYz3:hover {
  transform: translate(0, -5px);
}

.x360 .rita-moreno-is-an-in-yKGYz3 {
  background-color: transparent;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1630px;
  width: 302px;
}

.x360 .rectangle-21-yKGYz3 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 39px;
  left: 66px;
  position: absolute;
  top: 1797px;
  width: 188px;
}

.x360 .read-more-hWc9TF {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 137px;
  letter-spacing: 0.00px;
  line-height: 30px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1802px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .read-more-hWc9TF:hover {
  color: #ffffff
}

.x360 .rita2-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: 179px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1876px;
  transition: all 0.2s ease;
  width: 320px;
}

.x360 .rita2-yKGYz3:hover {
  transform: translate(0, -5px);
}

.x360 .if-you-love-west-sid-yKGYz3 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 2071px;
  transition: all 0.2s ease;
  width: 313px;
}

.x360 .if-you-love-west-sid-yKGYz3:hover {
  transform: translate(0, -5px);
}

.x360 .are-you-a-west-side-yKGYz3 {
  background-color: transparent;
  height: auto;
  left: 9px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 2148px;
  width: 302px;
}

.x360 .rectangle-22-yKGYz3 {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 38px;
  left: 67px;
  position: absolute;
  top: 2310px;
  width: 187px;
}

.x360 .read-more-GB5mVR {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 137px;
  letter-spacing: 0.00px;
  line-height: 28px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2314px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x360 .read-more-GB5mVR:hover {
  color: #ffffff
}
/* screen - 375 */

.x375 {
  background-color: var(--white);
  height: 2600px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}

.x375 .rectangle-30-kbeuKH {
  background-color: var(--scarlet);
  height: 937px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 375px;
}

.x375 .west-side-story-bg-kbeuKH {
  background-color: transparent;
  height: 244px;
  left: 11px;
  object-fit: cover;
  position: absolute;
  top: 20px;
  width: 351px;
}

.x375 .celebrating-west-side-story-kbeuKH {
  background-color: transparent;
  color: var(--black);
  font-family: var(--font-family-futurapt-medium);
  font-size: 30px;
  font-style: normal;
  font-weight: 500;
  height: auto;
  left: 19px;
  letter-spacing: 0.00px;
  line-height: 30px;
  position: absolute;
  text-align: left;
  top: 284px;
  width: 339px;
}

.x375 .west-side-story-is-c-kbeuKH {
  background-color: transparent;
  height: auto;
  left: 23px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 334px;
  width: 342px;
}

.x375 .rectangle-23-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 195px;
  position: absolute;
  top: 630px;
  width: 156px;
}

.x375 .rectangle-24-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 45px;
  left: 24px;
  position: absolute;
  top: 680px;
  width: 157px;
}

.x375 .rectangle-25-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 43px;
  left: 23px;
  position: absolute;
  top: 630px;
  width: 158px;
}

.x375 .rectangle-26-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 23px;
  position: absolute;
  top: 732px;
  width: 158px;
}

.x375 .rectangle-27-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 45px;
  left: 23px;
  position: absolute;
  top: 785px;
  width: 158px;
}

.x375 .rectangle-28-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 45px;
  left: 194px;
  position: absolute;
  top: 680px;
  width: 157px;
}

.x375 .choral-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 85px;
  letter-spacing: 0.00px;
  line-height: 34px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 633px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .choral-kbeuKH:hover {
  color: #ffffff
}

.x375 .orchestra-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 78px;
  letter-spacing: 0.00px;
  line-height: 37px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 735px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .orchestra-kbeuKH:hover {
  color: #ffffff
}

.x375 .marching-band-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 63px;
  letter-spacing: 0.00px;
  line-height: 34px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 791px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .marching-band-kbeuKH:hover {
  color: #ffffff
}

.x375 .brass-woodwinds-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 222px;
  letter-spacing: 0.00px;
  line-height: 34px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 686px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .brass-woodwinds-kbeuKH:hover {
  color: #ffffff
}

.x375 .concert-band-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 238px;
  letter-spacing: 0.00px;
  line-height: 34px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 633px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .concert-band-kbeuKH:hover {
  color: #ffffff
}

.x375 .vocal-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 88px;
  letter-spacing: 0.00px;
  line-height: 33px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 686px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .vocal-kbeuKH:hover {
  color: #ffffff
}

.x375 .rectangle-29-kbeuKH {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 194px;
  position: absolute;
  top: 732px;
  width: 157px;
}

.x375 .see-all-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 255px;
  letter-spacing: 0.00px;
  line-height: 34px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 737px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .see-all-kbeuKH:hover {
  color: #ffffff
}

.x375 .polygon-2-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: 30px;
  left: 171px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 872px;
  transition: all 0.2s ease;
  width: 34px;
}

.x375 .polygon-2-kbeuKH:hover {
  transform: scale(1.1);
}

.x375 .rectangle-18-kbeuKH {
  background-color: transparent;
  height: 210px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 937px;
  width: 375px;
}

.x375 .the-leonard-bernstei-kbeuKH {
  background-color: transparent;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 32px;
  position: absolute;
  text-align: left;
  top: 1172px;
  white-space: nowrap;
  width: auto;
}

.x375 .the-original-concept-kbeuKH {
  background-color: transparent;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1254px;
  width: 356px;
}

.x375 .rita-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: 210px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1500px;
  transition: all 0.2s ease;
  width: 375px;
}

.x375 .rita-kbeuKH:hover {
  transform: translate(0, -5px);
}

.x375 .rectangle-16-kbeuKH {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 198px;
  position: absolute;
  top: 1401px;
  width: 167px;
}

.x375 .shop-leonard-bernstein-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 226px;
  letter-spacing: 0.00px;
  line-height: 31px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1408px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .shop-leonard-bernstein-kbeuKH:hover {
  color: #ffffff
}

.x375 .rectangle-17-kbeuKH {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 11px;
  position: absolute;
  top: 1401px;
  width: 167px;
}

.x375 .read-more-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 69px;
  letter-spacing: 0.00px;
  line-height: 33px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1406px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .read-more-kbeuKH:hover {
  color: #ffffff
}

.x375 .the-music-of-rita-mo-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 32px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1729px;
  transition: all 0.2s ease;
  width: 353px;
}

.x375 .the-music-of-rita-mo-kbeuKH:hover {
  transform: translate(0, -5px);
}

.x375 .rita-moreno-is-an-in-kbeuKH {
  background-color: transparent;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1811px;
  width: 353px;
}

.x375 .rectangle-21-kbeuKH {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 45px;
  left: 77px;
  position: absolute;
  top: 1947px;
  width: 221px;
}

.x375 .read-more-SuPtk5 {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 160px;
  letter-spacing: 0.00px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1952px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .read-more-SuPtk5:hover {
  color: #ffffff
}

.x375 .rita2-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: 210px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 2038px;
  transition: all 0.2s ease;
  width: 375px;
}

.x375 .rita2-kbeuKH:hover {
  transform: translate(0, -5px);
}

.x375 .if-you-love-west-sid-kbeuKH {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 32px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 2267px;
  transition: all 0.2s ease;
  width: 366px;
}

.x375 .if-you-love-west-sid-kbeuKH:hover {
  transform: translate(0, -5px);
}

.x375 .are-you-a-west-side-kbeuKH {
  background-color: transparent;
  height: auto;
  left: 11px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 2348px;
  width: 353px;
}

.x375 .rectangle-22-kbeuKH {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 44px;
  left: 78px;
  position: absolute;
  top: 2485px;
  width: 220px;
}

.x375 .read-more-G8owLi {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 160px;
  letter-spacing: 0.00px;
  line-height: 33px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2490px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x375 .read-more-G8owLi:hover {
  color: #ffffff
}
/* screen - 414 */

.x414 {
  background-color: var(--white);
  height: 2750px;
  overflow: hidden;
  overflow-x: hidden;
  position: relative;
  width: 414px;
}

.x414 .rectangle-30-3jU4XX {
  background-color: var(--scarlet);
  height: 990px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 414px;
}

.x414 .west-side-story-bg-3jU4XX {
  background-color: transparent;
  height: 269px;
  left: 12px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 388px;
}

.x414 .celebrating-west-side-story-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 21px;
  letter-spacing: 0.00px;
  line-height: 33px;
  position: absolute;
  text-align: left;
  top: 311px;
  width: 374px;
}

.x414 .west-side-story-is-c-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 25px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 366px;
  width: 377px;
}

.x414 .rectangle-23-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 215px;
  position: absolute;
  top: 632px;
  width: 172px;
}

.x414 .rectangle-24-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 26px;
  position: absolute;
  top: 688px;
  width: 174px;
}

.x414 .rectangle-25-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 48px;
  left: 25px;
  position: absolute;
  top: 632px;
  width: 175px;
}

.x414 .rectangle-26-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 25px;
  position: absolute;
  top: 745px;
  width: 175px;
}

.x414 .rectangle-27-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 25px;
  position: absolute;
  top: 804px;
  width: 175px;
}

.x414 .rectangle-28-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 214px;
  position: absolute;
  top: 688px;
  width: 174px;
}

.x414 .choral-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 94px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 635px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .choral-3jU4XX:hover {
  color: #ffffff
}

.x414 .orchestra-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 86px;
  letter-spacing: 0.00px;
  line-height: 43px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 748px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .orchestra-3jU4XX:hover {
  color: #ffffff
}

.x414 .marching-band-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 70px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 809px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .marching-band-3jU4XX:hover {
  color: #ffffff
}

.x414 .brass-woodwinds-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 245px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 693px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .brass-woodwinds-3jU4XX:hover {
  color: #ffffff
}

.x414 .concert-band-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 263px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 635px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .concert-band-3jU4XX:hover {
  color: #ffffff
}

.x414 .vocal-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 97px;
  letter-spacing: 0.00px;
  line-height: 38px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 694px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .vocal-3jU4XX:hover {
  color: #ffffff
}

.x414 .rectangle-29-3jU4XX {
  background-color: var(--black);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 214px;
  position: absolute;
  top: 745px;
  width: 174px;
}

.x414 .see-all-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 281px;
  letter-spacing: 0.00px;
  line-height: 40px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 750px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .see-all-3jU4XX:hover {
  color: #ffffff
}

.x414 .polygon-2-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  left: 189px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 906px;
  transition: all 0.2s ease;
  width: 37px;
}

.x414 .polygon-2-3jU4XX:hover {
  transform: scale(1.1);
}

.x414 .rectangle-18-3jU4XX {
  background-color: transparent;
  height: 232px;
  left: 0px;
  overflow: hidden;
  position: absolute;
  top: 990px;
  width: 414px;
}

.x414 .the-leonard-bernstei-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 33px;
  position: absolute;
  text-align: left;
  top: 1252px;
  white-space: nowrap;
  width: auto;
}

.x414 .the-original-concept-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1340px;
  width: 393px;
}

.x414 .rita-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: 232px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 1566px;
  transition: all 0.2s ease;
  width: 414px;
}

.x414 .rita-3jU4XX:hover {
  transform: translate(0, -5px);
}

.x414 .rectangle-16-3jU4XX {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 219px;
  position: absolute;
  top: 1477px;
  width: 184px;
}

.x414 .shop-leonard-bernstein-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 245px;
  letter-spacing: 0.00px;
  line-height: 36px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1484px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .shop-leonard-bernstein-3jU4XX:hover {
  color: #ffffff
}

.x414 .rectangle-17-3jU4XX {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 12px;
  position: absolute;
  top: 1477px;
  width: 184px;
}

.x414 .read-more-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 74px;
  letter-spacing: 0.00px;
  line-height: 39px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 1482px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .read-more-3jU4XX:hover {
  color: #ffffff
}

.x414 .the-music-of-rita-mo-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 33px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 1819px;
  transition: all 0.2s ease;
  width: 373px;
}

.x414 .the-music-of-rita-mo-3jU4XX:hover {
  transform: translate(0, -5px);
}

.x414 .rita-moreno-is-an-in-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 1909px;
  width: 389px;
}

.x414 .rectangle-21-3jU4XX {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 85px;
  position: absolute;
  top: 2048px;
  width: 244px;
}

.x414 .read-more-GgDCvG {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 177px;
  letter-spacing: 0.00px;
  line-height: 42px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2052px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .read-more-GgDCvG:hover {
  color: #ffffff
}

.x414 .rita2-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: 232px;
  left: 0px;
  object-fit: cover;
  pointer-events: auto;
  position: absolute;
  top: 2137px;
  transition: all 0.2s ease;
  width: 414px;
}

.x414 .rita2-3jU4XX:hover {
  transform: translate(0, -5px);
}

.x414 .if-you-love-west-sid-3jU4XX {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 33px;
  pointer-events: auto;
  position: absolute;
  text-align: left;
  top: 2390px;
  transition: all 0.2s ease;
  width: 367px;
}

.x414 .if-you-love-west-sid-3jU4XX:hover {
  transform: translate(0, -5px);
}

.x414 .are-you-a-west-side-3jU4XX {
  background-color: transparent;
  height: auto;
  left: 12px;
  letter-spacing: 0.00px;
  line-height: 22px;
  position: absolute;
  text-align: left;
  top: 2480px;
  width: 389px;
}

.x414 .rectangle-22-3jU4XX {
  background-color: var(--scarlet);
  border-radius: 73px;
  cursor: pointer;
  height: 49px;
  left: 86px;
  position: absolute;
  top: 2602px;
  width: 243px;
}

.x414 .read-more-8vJ0RO {
  background-color: transparent;
  cursor: pointer;
  height: auto;
  left: 177px;
  letter-spacing: 0.00px;
  line-height: 38px;
  pointer-events: auto;
  position: absolute;
  text-align: center;
  top: 2608px;
  transition: all 0.2s ease;
  white-space: nowrap;
  width: auto;
}

.x414 .read-more-8vJ0RO:hover {
  color: #ffffff
}
@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;
   }
}