@import 'partials/_variables.scss';

.is-head {
    align-items: flex-start;
    .title{
        width: 50%;
        h1, .is-yellow{
            font-size: 60px;
            line-height: 60px;
        }
    }
    .review-avg {
        width: 35%;
    }
    .ra-r{
        transform: rotate(0deg);
        width: 100%;
        top: 0;
    }
}


@media only screen and (max-width: 700px)  {
    .landing-partners{
        .is-head {
            flex-direction: column-reverse;
            padding-top: 200px;
            align-items: center;
            .ra-r{
                top: unset;
            }
            .title {
                width: 100%;
                background-color: #fff;
                position: relative;
                z-index: 2;
                padding-top: 30px;
                margin-bottom: 30px;
                h1, .is-yellow {
                    font-size: 40px;
                    line-height: 40px;
                }
            }
            .review-avg {
                width: 65%;
                top: 20px;
            }
        }
    }
}