.hxr-bannersilla {
    padding: 35px 20px 31px;
    background: #1C3830;

    .content {
        max-width: 1240px;
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 33px 69px;

        .col-text {
            color: #f1f1f1;

            .pretitle {
                font-size: 28px;
                margin-bottom: 6px;
                font-weight: 400;
            }
            .title {
                font-family: "Libre Baskerville", "Lora";
                font-size: 20px;
                font-weight: 400;
                line-height: normal;
                margin-bottom: 16px;
            }
            .text {
                font-weight: 300;
                line-height: 140%;
                margin-bottom: 22px;
            }
            .button {
                color: white;
                background-color: transparent;
                border: 1px solid white;
                padding: 12px 16px;

                &:hover {
                    color: #1c1816;
                    border-color: White;
                    background-color: White;
                }
            }
        }
        .col-img {
            img {
                max-width: 100%;
                height: auto;
                display: block;
            }
        }
    }
}
@media (min-width: 768px) {
    .hxr-bannersilla {
        padding: 50px 20px 61px;

        .content {
            .col-text {
                flex-basis: calc(50% - 13px);
                .pretitle {
                    font-size: 28px;
                    margin-bottom: 12px;
                }
                .title {
                    font-size: 38px;
                    margin-bottom: 20px;
                }
            }
            .col-img {
                flex-basis: calc(50% - 56px);
            }
        }
    }
}