.rg-preview {
    float: left;
    width: calc(50% - 10px);
    margin:5px;
    position:relative;
    background-color:#000000;
    clear:right;
}
.rg-preview img {
    display: block;
    width: 100%;
    -webkit-filter: grayscale(100%) brightness(65%);
    filter: grayscale(100%) brightness(65%);
    -webkit-transition: .5s filter;
    transition: .5s filter;
}
.rg-preview img:hover {
    -webkit-transition: .5s filter;
    transition: .5s filter;
    -webkit-filter: grayscale(0%) brightness(100%);
    filter: grayscale(0%) brightness(100%);
    cursor: pointer;
    transition: .5s filter;
}
.rg-preview h2 {
    color:#FFFFFF !important;
	font-weight:900;
	font-size:100%;
    position:absolute;
    bottom:5%;
    right:10%;
    padding-left:10%;
    text-transform:uppercase;
    text-align:right;
}
.rg-expand-container img {
    width:100%;
}
.rg-expand-container h2 {
    font-weight:900;
	font-size:160%
}
@media (min-width: 600px) {
    .rg-preview {
    width:calc(33.33333% - 10px);
    margin:5px;   
    }
    .rg-expand-container img {
        float:right;
        margin-left:5%;
        width:40%;
    }
	.rg-preview h2 {
		font-size:120%;
	}
}
@media (min-width: 700px) {
    .rg-preview {
    width:calc(25% - 10px);
    margin:5px;
    }
    .rg-expand-container img {
        float:right;
        margin-left:5%;
        width:40%;
    }
	.rg-preview h2 {
		font-size:140%;
	}
    
}
.rg-expand-container {
    width: 100%;
    clear: both;
	padding:3em 0em;
	min-height:500px;
}