.slide_title{
        padding: 10px 30px 10px 25px;
        position: absolute;
        right: -20px;
        top: -25px;
        background-color: #7a7a7a;
        color: #ffffff;

        border-bottom: solid 2px #00b1eb;

        font-size: 15px;
        font-weight: 300;
        letter-spacing: 4px;
        text-transform: uppercase;

        -ms-transform: skew(-40deg); /* IE 9 */
        -webkit-transform: skew(-40deg); /* Chrome, Safari, Opera */
        transform: skew(-40deg);
    }
    .justify_skew{
        display: block;
        -ms-transform: skew(40deg); /* IE 9 */
        -webkit-transform: skew(40deg); /* Chrome, Safari, Opera */
        transform: skew(40deg);
    }
    .slide_subtitle{
        position: absolute;
        top: 14px;
        right: -20px;
        padding: 10px 35px 10px 20px;
        font-size: 12px;
        color: #696969;
        font-style: normal;
        font-weight: 200;
        float: left;
        max-width: 210px;

        border-bottom: solid 2px darkgray;

        background-color: #f5f5f5;
        background-color: rgba(245, 245, 245, 0.3);
        -ms-transform: skew(-40deg); /* IE 9 */
        -webkit-transform: skew(-40deg); /* Chrome, Safari, Opera */
        transform: skew(-40deg);
    }
    .dummy{
        height: 60px;
    }
/*--------------------------------------------------------------------------------------------*/
    @media screen and (min-width: 480px){

        .slide_title{
            font-size: 20px;
            top: -40px;
            right: -20px;
            padding-right: 40px;

            background-color: #a1a1a1;
        }
        .slide_subtitle{
            font-size: 15px;
            max-width: 400px;
            padding-right: 35px;

            right: -20px;
            top: 6px;
        }
    }
/*--------------------------------------------------------------------------------------------*/
    @media screen and (min-width: 600px){

        .slide_title{
            font-size: 30px;
            right: -25px;
            top: -55px;
            background-color: #cccccc;
        }
        .slide_subtitle{
            font-size: 15px;
            top: 10px;
            right: -20px;
            padding-right: 40px;
            padding-left: 20px;
            max-width: 400px;
        }
    }
/*--------------------------------------------------------------------------------------------*/
    @media screen and (min-width: 1024px){

        .slide_title{
            font-size: 40px;
            background-color: #00b1eb;
            color: #ffffff;
            top: -90px;
        }
        .slide_subtitle{
            font-size: 20px;
            max-width: 500px;
            top: -10px;
        }
    }