/* cta css */

.cta {
    margin-bottom: 150px;
}

.cta__container {
    align-items: center;
    background-color: #3C3939;
    display: grid;
    column-gap: 20px;
    grid-template-columns: auto 68px;
    margin: 0 auto;
    padding: 33px 45px;
}

.cta__container--width-small {
    max-width: 775px;
}

.cta__arrow {
    background-image: url('../../images/arrow.svg');
    background-size: contain;
    height: 34px;
    width: 100%;
}

@media only screen and (max-width: 770px) {

    .cta__container {
        display: block;
        padding: 33px 20px;
        text-align: center;
    }

    .cta__arrow {
        margin-top: 20px;
    }
}

@media only screen and (max-width: 365px) {

    .cta__container h3 {
        font-size: 22px;
    }
}