.platform {
    margin: 60px 0;
    display: -ms-grid;
    display: grid;
    grid-gap: 50px 24px;
    grid:
        "a b b b" 1fr
        "c c d e" 0.5fr
            / 1fr 1fr 1fr 1fr;
}

.platform-item {
    padding: 50px 40px;
    border-radius: 30px;
}

.platform-item .logo img {
    max-width: 100%;
}

.platform-item:first-child {
    grid-area: a;
    text-align: center;
    padding: 35px 50px 55px;
    background: #fafafa;
}

.platform-item:first-child .content {
    font-weight: 300;
    margin-top: 18px;
    margin-bottom: 38px;
}

.platform-item:first-child .button {
    margin: auto;
}

.platform-item .title {
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.platform-item .announce {
    font-weight: 300;
    line-height: 1.3em;
}

.platform-item:nth-child(2) {
    grid-area: b;
    background-color: #fafafa;
}

.platform-item:nth-child(3) {
    grid-area: c;
    background-color: #F9EDFF;
    font-size: 0.9em;
}

.platform-item:nth-child(4) {
    grid-area: d;
    background-color: #EDF4FF;
    font-size: 0.9em;
}

.platform-item:nth-child(5) {
    grid-area: e;
    background-color: #FFEDFA;
    font-size: 0.9em;
}

@media screen and (max-width: 1300px) {
.platform {
        gap: 24px;
        grid:
            "a b b b" 1fr
            "c c c c" 0.5fr
            "d d e e" 0.5fr
                / 1fr 1fr 1fr 1fr;
    }
}

@media screen and (max-width: 992px) {
.platform {
        gap: 24px;
        grid:
            "a" 1fr
            "b" 0.5fr
            "c" 0.5fr
            "d" 0.5fr
            "e" 0.5fr
                / 1fr;
    }

.platform-item:nth-child(2) {
        background: none;
        padding: 0;
    }
}

@media screen and (max-width: 768px) {
.platform-item:first-child{
        padding: 40px 20px;
    }

.platform-item .button {
        font-size: 1rem;
        padding: 17px 24px;
    }

.platform-item .button:after {
        display: none;
    }
}

@media screen and (max-width: 600px) {
.platform {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}