/* CSS Document */

.thumb {
       float: right;
       position: relative;
       width: 25%;
       padding-bottom: 25%;
}

#thumbInner a:link {
	color: #999;
	text-decoration: none; /* No underlines on the link */
}

#thumbInner a:visited {
	color: #999;
	text-decoration: none; /* No underlines on the link */
}

#thumbInner a:hover {
	color: #205da0;
	text-decoration: underline;
}

.thumbInner {
       position: absolute;
       left: 5px;
       right: 5px;
       top: 0px;
       bottom: 15px;
       overflow: hidden;
}

.thumbInner img {
       min-height:250px;
	   max-width:250px;
}
	
    @media only screen and (max-width : 480px) {
       /* Smartphone view: 1 tile */
       .thumb {
          width: 100%;
          padding-bottom: 100%;
       }
    }
    @media only screen and (max-width : 650px) and (min-width : 481px) {
       /* Tablet view: 2 tiles */
       .thumb {
          width: 50%;
          padding-bottom: 50%;
       }
    }
    @media only screen and (max-width : 1050px) and (min-width : 651px) {
       /* Small desktop / ipad view: 3 tiles */
       .thumb {
          width: 33.3%;
          padding-bottom: 33.3%;
       }
    }
    @media only screen and (max-width : 1290px) and (min-width : 1051px) {
       /* Medium desktop: 4 tiles */
       .thumb {
          width: 25%;
          padding-bottom: 25%;
       }
    }