.colored_wrapper{
    min-height: 34.722vw;
    display: flex;
    align-items: center;
    border-radius: 12px;
    padding: 96px 64px;
}
.colored_block{
    width: 50%;
}
.colored_title{
    color: #FFF;
    margin-bottom: 16px;
}
.colored_subtitle{
    color: #FFF;
    margin-bottom: 32px;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .colored_block{
        width: 100%;
    }
    .colored_wrapper{
        min-height: inherit;
        padding: 80px 64px 500px;
    }
}

@media (max-width: 900px) {
    .colored_wrapper {
        padding-bottom: 420px;
    }
}

@media (max-width: 640px) {
    .colored_wrapper{
        min-height: inherit;
        padding: 64px 32px 450px;
    }
}

@media (max-width: 500px) {
    .colored_wrapper {
        padding-bottom: 360px;
    }
}

@media (max-width: 500px) {
    .colored_wrapper {
        padding-bottom: 300px;
    }
}

@media (max-width: 340px) {
    .colored_wrapper {
        padding-bottom: 240px;
    }
}