.section-about-theater .section-about-theater-title {
    font-weight: 700;
    font-size: calc(2.4rem * var(--font-scale));
    line-height: 160%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #212121;
    margin: 12px 0;
}

.section-about-theater .section-about-theater-subtitle {
    font-weight: 500;
    font-size: calc(2rem * var(--font-scale));
    line-height: 160%;
    letter-spacing: 0%;
    vertical-align: middle;
    color: #212121;
    margin-bottom: 12px;
}

.section-about-theater .abouth-theater-img img {
    object-fit: cover;
    object-position: center;
    max-height: 275px;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 12px;
}

.section-about-theater .abouth-theater-content-story h3 {
    font-weight: 600;
    font-size: calc(1.4rem * var(--font-scale));
    line-height: 160%;
    letter-spacing: 0.2px;
    vertical-align: middle;
    text-transform: uppercase;
    color: #9E9E9E;
}

.section-about-theater .abouth-theater-content-desc {
    font-weight: 500;
    font-size: calc(1.4rem * var(--font-scale));
    line-height: 160%;
    letter-spacing: 0.2px;
    vertical-align: middle;
    color: #424242;
    margin-top: 24px;
}

.section-about-theater .abouth-theater-content {
    display: flex;
    margin-top: 12px;
}

@media (min-width: 480px) {
    .section-about-theater .abouth-theater-img img {
        max-height: 375px;
    }
}

@media (min-width: 768px) {
    .section-about-theater .abouth-theater-img img {
        max-height: 500px;
    }
}