@charset "utf-8";
/* CSS Document */
body { 
    background: #ddd; /*background colour*/
    margin: 0; 
    padding: 0; 
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
#rig {
    max-width:1500px;
    margin:0 auto; /*center aligned*/
    padding:0;
    font-size:0; /* Remember to change it back to normal font size if have captions */
    list-style:none;
    background-color:#FFFFFF;
}
#rig li {
    display: inline-block;
    *display:inline;/*for IE6 - IE7*/
    width:25%;
    vertical-align:middle;
    box-sizing:border-box;
    margin:0;
    padding:0;
}
        
/* The wrapper for each item */
.rig-cell {
    /*margin:12px;
    box-shadow:0 0 6px rgba(0,0,0,0.3);*/
    display:block;
    position: relative;
    overflow:hidden;
}
        
/* If have the image layer */
.rig-img {
    display:block;
    width: 100%;
    height: auto;
    border:none;
    transform:scale(1);
    transition:all 1s;
}

#rig li:hover .rig-img {
    transform:scale(1.05);
}
        
#rig li:hover .rig-overlay {
    opacity:0.8;
}

#rig li:hover .rig-text {
    transform:translateY(0px);
    opacity:0.9;
}

img { 
    max-width: 100%; 
    height: auto; 
    width: auto\9; /* ie8 */
}

@media (max-width: 900px) {
    #rig li {
        width:25%;
    }
}

@media (max-width: 700px) {
    #rig li {
        width:33.33%;
    }
}

@media (max-width: 550px) {
    #rig li {
        width:50%;
    }
}