.art-news-title-main {
    background: url(/ru/static/images/news/qdc-2024/main-bg.png);
    background-position: 50% 30%;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 8em;
}

.main-text {
    filter: drop-shadow(3px 8px 3px #000);
}

.main-text h2 {
    color: white;
    font-size: 108px;
    margin-bottom: 0;
}
.main-text a:hover {
    color: black;
}

.gen-section {
    margin-bottom: 4em;
}

#opinion {
    padding: 4em 16em;
    text-align: center;
}

.feelings-main-title {
    margin-bottom: 1.5em;
}

.speaker {
    padding: 0 3em;
}

.speaker img {
    border-radius: 5%;
    margin-bottom: 0.7em;
}

.speaker h4 {
    font-size: 32px;
}

.photos {
    padding: 2em 16em;
}

.photos h1 {
    font-size: 86px;
    margin-bottom: 0.7em;
}

.resols {
    height: 700px;
}

.resol {
    text-align: center;
    box-sizing: border-box;
    background-position: center;
    background-size: cover;
}

.resol:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, .70) 0%, rgba(255, 255, 255, 0) 100%);
}

.res-text {
    z-index: 1;
    position: absolute;
    bottom: 0;
    padding: 0 6em;
    margin-bottom: 2em;
}

.swiper-slide h4 {
    color: white;
    font-size: 72px;
}

.swiper-slide p {
    color: white;
    font-size: 24px;
}

@media (max-width: 1280px) {

    #opinion {
        padding: 2em 8em;
    }

    .speaker {
        padding: 0 3em;
    }

    .photos {
        padding: 2em 6em;
    }

    .resols {
        height: 500px;
    }

    .more-info {
        padding-left: 6em;
        padding-right: 6em;
    }
}

@media (max-width: 900px) {

    .gen-section {
        padding-left: 1em;
        padding-right: 1em;
    }

    .gen-info-title>h1 {
        font-size: 56px;
    }

    .art-news-title-main {
        height: 18em;
        padding-top: 6em;
        background-size: 190%;
        background-position: 50% 10%;
    }

    .main-text h2 {
        font-size: 56px;
    }
    
    .main-text a {
        font-size: 18px;
    }

    #opinion {
        padding: 2em 2em;
    }

    .feelings-main-title .heading-1 {
        font-size: 48px;
    }

    .speaker {
        padding: 0 1em;
    }

    .photos {
        padding: 1em 1em;
    }

    .resols {
        height: 300px;
    }

    .res-text {
        padding: 0 2em;
    }

    .swiper-slide h4 {
        color: white;
        font-size: 28px;
    }
    
    .swiper-slide p {
        color: white;
        font-size: 12px;
    }

    .more-info {
        padding-left: 1em;
        padding-right: 1em;
    }

    #recomend-slider>h1 {
        font-size: 32px;
    }
}