.font_base {
    font-family: 'Roboto Condensed', sans-serif;
    letter-spacing: -0.05em;
}

/* reponsive */
@media only screen and (max-width: 576px) {

    .description-box-mobile {
        max-height: 200px;
        position: relative;
        overflow: hidden;
    }

    .description-box-mobile .read-more {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        text-align: center;
        margin:0;
        padding: 100px 0 10px 0;
        /* "transparent" only works here because == rgba(0,0,0,0) */
        background-image: linear-gradient(to bottom, rgba(255,255,255,.1), rgba(255,255,255,.2) 25%, rgba(255,255,255,0.8) 30%, rgba(255,255,255,1));
    }

}