.card {
    background: #E8DCC8;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    margin-bottom: 30px;
    border-radius: 8px;
}

.image-wrapper img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.card-description {
    padding: 10px;
    text-align: center;
    background: #E8DCC8;
    padding: 16px 24px;
}

.card-description p {
    margin: 0 0 5px;
    line-height: 1.5;
    color: #55483D;
    font-size: 16px;
    line-height: 1.4;
}

.card-description span {
    font-size: 12px;
    color: #55483D;
}

.card-description .dates {
    font-size: 16px;
}

.card-description span a {
    color: #55483D;
    text-decoration: none;
}

.gslide-description span a {
    color: #55483D;
    text-decoration: none;
}

.gslide-description .dates {
     display: block;
}

/* для групп изображений */
.group-images {
    display: flex;
}

/* скрытие карточки в группе */
.hidden-image {
    display: none;
}

/* карточки для  разных разделов */
.card-200 {
    width: 100%;
    max-width: 200px;
}

.card-250 {
    width: 100%;
    max-width: 250px;
}

.card-300 {
    width: 100%;
    max-width: 300px;
}

.card-300-300 {
    width: 100%;
    max-width: 300px
}

.card-300-300 .image-wrapper {
    aspect-ratio: 4 / 3;
}

.card-300-300 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.card-350 {
    width: 100%;
    max-width: 350px;
}


.card-350-300 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-400 {
    width: 100%;
    max-width: 400px;
}

.card-400-500 {
    width: 100%;
    max-width: 400px;
}

.card-400-500 .image-wrapper {
    aspect-ratio: 4 / 5;
}

.card-400-500 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-400-300 {
    width: 100%;
    max-width: 400px;
}

.card-400-300 .image-wrapper {
    aspect-ratio: 4 / 3;
}

.card-400-300 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-450 {
    width: 100%;
    max-width: 450px;
}

.card-450-300 {
    width: 100%;
    max-width: 450px
}

.card-450-300 .image-wrapper {
    aspect-ratio: 4 / 3;
}

.card-450-300 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-500 {
    width: 100%;
    max-width: 500px;
}

.card-550 {
    width: 100%;
    max-width: 550px;
}

.card-600 {
    width: 100%;
    max-width: 600px;
}

.card-600-200 {
    width: 100%;
    max-width: 600px
}

.card-600-200 .image-wrapper {
    aspect-ratio: 3 / 1;
}

.card-600-200 .image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-650 {
    width: 100%;
    max-width: 650px;
}

.card-700 {
    width: 100%;
    max-width: 700px;
}

.card-750 {
    width: 100%;
    max-width: 750px;
}

.card-800 {
    width: 100%;
    max-width: 800px;
}

.card-850 {
    width: 100%;
    max-width: 850px;
}

.card-900 {
    width: 100%;
    max-width: 900px;
}

.card-1000 {
    width: 100%;
    max-width: 1000px;
}

.card100-percent {
    width: 100%;
}


/* от 1300 до 1365 px */
@media (min-width: 1300px) and (max-width: 1365px) {

.card-200 {
    max-width: 185px;
}

.card-250 {
    max-width: 235px;
}

.card-300 {
    max-width: 285px;
}

.card-300-300 {
    max-width: 285px;
}

.card-350 {
    max-width: 335px;
}

.card-400 {
    max-width: 385px;
}

.card-400-500 {
    max-width: 390px;
}

.card-400-300 {
    max-width: 385px;
}

.card-450 {
    max-width: 435px;
}

.card-450-300 {
    max-width: 435px;
}

.card-500 {
    max-width: 485px;
}

.card-550 {
    max-width: 535px;
}

.card-600 {
    max-width: 585px;
}

.card-600-200 {
    max-width: 585px;
}

.card-650 {
    max-width: 635px;
}

.card-700 {
    max-width: 685px;
}

.card-750 {
    max-width: 735px;
}

.card-800 {
    max-width: 785px;
}

.card-850 {
    max-width: 835px;
}

.card-900 {
    max-width: 885px;
}

.card-1000 {
    max-width: 985px;
}
}


/* от 1200 до 1299 px */
@media (min-width: 1200px) and (max-width: 1299px) {

.card-200 {
    max-width: 175px;
}

.card-250 {
    max-width: 225px;
}

.card-300 {
    max-width: 275px;
}

.card-300-300 {
    max-width: 275px;
}

.card-350 {
    max-width: 325px;
}



.card-400 {
    max-width: 375px;
}

.card-400-500 {
    max-width: 375px;
}

.card-400-300 {
    max-width: 375px;
}

.card-450 {
    max-width: 425px;
}

.card-450-300 {
    max-width: 425px;
}

.card-500 {
    max-width: 475px;
}

.card-550 {
    max-width: 525px;
}

.card-600 {
    max-width: 550px;
}


.card-600-200 {
    max-width: 575px;
}

.card-650 {
    max-width: 600px;
}

.card-700 {
    max-width: 650px;
}

.card-750 {
    max-width: 700px;
}

.card-800 {
    max-width: 750px;
}

.card-850 {
    max-width: 800px;
}

.card-900 {
    max-width: 875px;
}

.card-1000 {
    max-width: 975px;
}
}

/* от 1000 до 1199 px */
@media (min-width: 1000px) and (max-width: 1199px) {

.card-200 {
    max-width: 600px;
}

.card-250 {
    max-width: 600px;
}

.card-300 {
    max-width: 600px;
}

.card-300-300 {
    max-width: 600px;
}

.card-350 {
    max-width: 600px;
}

.card-400 {
    max-width: 600px;
}

.card-400-500 {
    max-width: 600px;
}

.card-400-300 {
    max-width: 600px;
}

.card-450 {
    max-width: 600px;
}

.card-450-300 {
    max-width: 600px;
}

.card-500 {
    max-width: 600px;
}

.card-550 {
    max-width: 600px;
}

.card-600 {
    max-width: 600px;
}


.card-600-200 {
    max-width: 600px;
}

.card-650 {
    max-width: 600px;
}

.card-700 {
    max-width: 600px;
}

.card-750 {
    max-width: 600px;
}

.card-800 {
    max-width: 600px;
}

.card-850 {
    max-width: 600px;
}

.card-900 {
    max-width: 600px;
}

.card-1000 {
    max-width: 600px;
}

.card100-percent {
    max-width: 600px;
}
}

/* от 701 до 999 px */
@media (min-width: 701px) and (max-width: 999px) {

.card-200 {
    max-width: 500px;
}

.card-250 {
    max-width: 500px;
}

.card-300 {
    max-width: 500px;
}

.card-300-300 {
    max-width: 500px;
}

.card-350 {
    max-width: 500px;
}

.card-400 {
    max-width: 500px;
}

.card-400-500 {
    max-width: 500px;
}

.card-400-300 {
    max-width: 500px;
}

.card-450 {
    max-width: 500px;
}

.card-450-300 {
    max-width: 500px;
}

.card-500 {
    max-width: 500px;
}

.card-550 {
    max-width: 500px;
}

.card-600 {
    max-width: 500px;
}


.card-600-200 {
    max-width: 500px;
}

.card-650 {
    max-width: 500px;
}

.card-700 {
    max-width: 500px;
}

.card-750 {
    max-width: 500px;
}

.card-800 {
    max-width: 500px;
}

.card-850 {
    max-width: 500px;
}

.card-900 {
    max-width: 500px;
}

.card-1000 {
    max-width: 500px;
}

.card100-percent {
    max-width: 500px;
}
}