@media (min-width: 0px) {
    .stars {
        position: relative;
    }
    .stars__inner {   
        color: #fff;
        padding: 70px 0;
    }
    .stars__title {
        font-size: 26px;
        font-family: 'GothamBook';
    }
    .star__name {
        font-size: 18px;
        text-transform: uppercase;
        font-family: 'GothamMedium';
    }
    .star__list {
        margin: 20px 0 0 0;
    }
    .star__info {
        display: flex;
        align-items: flex-start;
    }
    .star__info-icon {
        max-width: 20px;
    }
    .star__info-paragraph {
        padding: 0 0 0 10px;
        font-size: 16px;
        line-height: 1.55;
    }
    .star__info:not(:first-of-type) {
        padding: 15px 0 0 0;
    }
    .star__images {
        background: url("../img/star__ellipse.svg") 50% 0 / cover no-repeat;
        position: relative;
    }
    .star__images-image {
        max-width: 100%;
    }
    .star__images-image-2 {
        margin-left: -5%;
    }
    .star__images-effect {
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
    }
    .star__info-paragraph span {
        display: block;
        font-size: 14px;
        margin: 15px 0 0 0;
    }
    .stars__wave-top {
        position: absolute;
        top: -7vw;
        width: 100%;
    }
}

@media (min-width: 480px) {
    .star__images-effect {
        width: 500px;
    }
    .stars__inner {
        padding: 70px 0 100px 0;
    }
}

@media (min-width: 640px) {
    .star__images {
        max-width: 500px;
    }
    .stars__title {
        font-size: 40px;
    }
    .star__name {
        font-size: 22px;
    }
    .star__info-paragraph {
        font-size: 18px;
    }
    .star__info-paragraph span {
        font-size: 16px;
    }
}

@media (min-width: 958px) {
    .stars__star {
        max-width: 90%;
    }
    .stars__inner {
        padding: 70px 0 140px 0;
    }
}

@media (min-width: 1200px) {
    .stars__star {
        display: flex;
        justify-content: space-between;
        max-width: 100%;
    }
    .star__info-block {
        flex-basis: 50%;
    }
    .stars__star:nth-child(odd) .star__images {
        order: 1;
    }
    .star__images-image-1 {
        margin-top: 4%;
    }
}

@media (min-width: 1700px) {
    .stars__title {
        font-size: 55px;
    }
    .star__images {
        max-width: 650px;
    }
    .star__images-effect {
        width: 700px;
    }
    .star__name {
        font-size: 30px;
    }
    .star__info-icon {
        max-width: 30px;
    }
    .star__info-paragraph {
        font-size: 22px;
    }
    .star__info:not(:first-of-type) {
        padding: 20px 0 0 0;
    }
    .star__info-paragraph span {
        font-size: 18px;
    }
}