.view {

    width: 100%;

    /* height: 200px; */

    float: left;

    overflow: hidden;

    position: relative;

    text-align: center;

    cursor: default;

    /* border-radius: 17%; */

}



.view .mask,

.view .content {

    width: 100%;

    height: 100%;

    /* border-radius: 5%; */

    position: absolute;

    overflow: hidden;

    top: 0;

    left: 0;

}



.view img {

    display: block;

    position: relative;

}



.view h2 {

    text-transform: uppercase;

    color: #fff;

    text-align: center;

    position: relative;

    font-size: 11px;

    padding: 10px;

    /* background: rgba(0, 0, 0, 0.8); */

    margin: 10px 0 0 0;

}



.view p {

    font-family: 'Nunito', sans-serif;

    font-size: 9px;

    position: relative;

    color: #fff;

    padding: 0px 20px 0px;

    text-align: center;

}



.view a.info {

    font-family: 'Nunito', sans-serif;

    font-size: 8px;

    font-weight: bold;

    display: inline-block;

    text-decoration: none;

    padding: 5px 10px;

    /* background: #fff; */

    color: #fff;

    border-radius: 15px;
	
	border-color: white;

    /*  text-transform: uppercase; */

    -webkit-box-shadow: 0 0 1px #fff;

    -moz-box-shadow: 0 0 1px #fff;

    box-shadow: 0 0 1px #fff;

}



.view a.info:hover {

    -webkit-box-shadow: 0 0 5px #fff;

    -moz-box-shadow: 0 0 5px #fff;

    box-shadow: 0 0 5px #fff;

}



@media only screen and (min-width: 768px) {}



@media only screen and (min-width: 1024px) {

    .view h2 {

        font-size: 21px;

        margin: 20px 0 0 0;

    }

    .view p {

        font-size: 15px;

        padding: 10px 20px 20px;

    }
.view a.info {

 

    font-size: 19px;



}
}



@media only screen and (min-width: 1440px) {

    .view h2 {

        font-size: 25px;

        margin: 20px 0 0 0;

    }

    .view p {

        font-size: 23px;

        padding: 10px 20px 20px;

    }

    .view a.info {

        font-size: 22px;

    }

}