.quotation {
    position: absolute;
    display: inline;
    font-size: 100px;
    opacity: 0.2;
    line-height: 0;
    color: #b9b9b9;
    margin-top: -15px;
    margin-left: -12px;
}

.text-wrapper p {
    max-height: 100% !important;
}

.ribbon--left p {
    text-align: right !important;
}

.ribbon--right p {
    text-align: left !important;
}

@media only screen and (max-width: 840px) {
    .ribbon--left p,
    .ribbon--right p {
        text-align: left !important;
    }

    .home-page .sliding-ribbons .ribbon .wrapper .text-wrapper p{
        overflow: visible !important;
    }
}

@media only screen and (max-width: 500px) {
    .banner-riders .ribbon {
        margin-left: 0;
    }

    .home-page .sliding-ribbons .ribbon {
        min-height: 200px;
        height: auto !important;
    }

    .home-page .sliding-ribbons .ribbon .wrapper .image img {
        width: auto !important;
        height: auto !important;
    }
}