.view {
    width: 33.33%;
    height: auto;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
   
    cursor: default;
    margin: 0px;
    margin-bottom:-6px;
}

    .view .mask, .view .content {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        position: relative;
        width: 100%;
    }

    .view h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: #D90000;
        margin: 20px 0 0 0;
    }

    .view p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center;
    }

    .view a.info {
        text-decoration: none;
        background-color: #D90000;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        letter-spacing: 1px;
        padding: 15px 0px;
        display: inline-block;
         
        color: #fff;
        transition: all .3s;
        font-family: Georgia,  'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
        border: 1px solid #D90000;
        width: 125px;
        text-align: center;
    }

        .view a.info:hover {
            background-color: #D90000;
            color: white;
            border: 1px solid green;
        }


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


    .view {
        width: 100%;
    }
}

@media (min-width: 500px) and (max-width: 1250px) {

    .view h2 {
        margin: 5px 0 0 0;
    }


    .view p {
        padding: 0px 0px 0px;
    }

    .view {
        width: 50%;
    }
}



    @media (min-width: 500px) and (max-width: 600px) {
        .view h2 {
            margin: 5px 0 0 0;
        }




        .view p {
            padding: 0px 2px;
        }

        .view {
            width: 50%;
        }
    }


@media (min-width: 600px) and (max-width: 1250px) {

    .view h2 {
        margin: 20px 2px 0 2px;
    }

    .view p {
        padding: 20px 2px;
    }

    .view {
        width: 50%;
    }
}


    @media (min-width: 1250px) and (max-width: 1400px) {

        .view h2 {
            margin: 5px 0 0 0;
        }


        .view p {
            padding: 0px 0px 0px;
        }
    }