/* Base reset */
*, *::before, *::after { box-sizing: border-box; margin: unset; padding: unset; }


div {
    display: flex;
    flex-direction: column;
}

img {
    width: 500px;
}

.container {
    min-width: 430px;
    width: 100%;
    padding: 16px 16px 64px 16px;
    gap: 64px;
    display: flex;
    flex-direction: column;
}

.title {
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 64px 0;
}

.hero {
}

.hero-images {
    flex-direction: row;
    justify-content: center;
    gap: 1.5%;
    align-items: center;
}

.hero-images--wrapper img {
    width: 100%;
}

.tagline, .tagline-under {
    width: 100%;
    align-items: flex-end;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}

.tagline-under {
    font-style: unset;
    margin: 24px 0 48px 0;
    font-size: 18px;
}

.year {
    justify-content: space-between;
    flex-direction: row;
    font-size: 12px;
}


.div-bio {
    flex-direction: row;
    gap: 10%;
    align-items: flex-start;
}

.bio-text {
    font-size: 12px;
    margin-top: 24px;
}

.img-wrapper-bio {
    align-self: center;
    min-width: 50%;
    margin-top: 50px;
}

.img-wrapper-bio img {
    width: 100%;
}

.title-bio, .title-exhibition {
    font-size: 42px;
    font-weight: bold;
    margin: 0 0 28px 0;
}

.ex-container {
    display: flex;
    flex-direction: row;
    gap: 10%;
}

.ex-container .left-container, .ex-container .right-container {
    display: flex;
    flex-direction: column;
}

.ex-container .left-container .left-container-first {
    margin-bottom: 128px;
}
.ex-container .left-container .left-container-second {
    margin-bottom: 32px;
}

.ex-container .left-container .left-container-3 {
    margin-bottom: 32px;
}
.ex-container .right-container .right-container-1 {
    margin-bottom: 32px;
}
.ex-container .right-container .right-container-2 {
    margin-bottom: 32px;
}
.ex-container .right-container .right-container-3 {
    margin-bottom: 32px;
}

.cat-container {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-bottom: 128px;
}

.cat-container .img-wrapper img {
    width: 100%;
}
.cat-container .left-container .text {
    max-width: 100%;
}

.cat-container .left-container, .cat-container .right-container {
    width: 50%;
    justify-content: center;
    align-items: center;
}

.title-cat {
    margin: unset;
}

.img-wrapper.base img {
    width: 100%;
}

.ballet {
    display: flex;
    flex-direction: column;
}

.bal-img-container {
    display: flex;
    flex-direction: row;
    gap: 2.5%;
    align-items: center;
    margin: 0 0 128px 0;
}

.bal-img-wrapper img {
    width: 100%;
}

.sub-title {
    font-size: 24px;
    font-weight: 500;
}

.title.con {
    margin: unset;
    font-size: 50px;
}

.contacts {
    gap: 16px;
    margin: 0 0 0 64px;
}

.name {
    font-weight: bold;
}

@media (max-width: 679px) {
    .title {
        font-size: 30px;
    }

    .div-bio {
        flex-direction: column;
    }
}
@media (max-width: 429px) {
    .container {
        min-width: 320px;
    }
    .title {
        font-size: 24px;
    }

    .div-bio {
        flex-direction: column;
    }

    .title.con {
        font-size: 24px;
    }
}