.grid-wrapper {
    position: relative; /* required by wookmark */
    width: 100%;
}
.grid-tile {
    /* float: left; */
    max-width: 30%;
}

.tile {
    background: #fff;
    box-sizing: border-box;
    width: 100%;
	transition: all 0.2s ease;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.05);
	color: #000;
	margin: 15px 0px 15px 0px;
}

.tile:hover {
	transition: all 0.5s ease;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.25);
}

.tile2:hover {
	transition: all 0.5s ease;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	box-shadow: 5px 5px 20px -15px #ffa08e, -5px -5px 20px -15px #94d5ff;
}

.tile .research:hover {    
    box-shadow: 0px 10px 25px rgba(50, 250, 250, 1);
}

.tile:visited {
	transition: all 5s ease;
}

.tile .img {
	height: 130px;
    overflow: hidden;
    position: relative;
	border: none; /* ie */
}

.tile .img img {
	height: 130px;
    display: block;
	opacity: 0.25;
    transition: all 0.5s linear;
}
.tile:hover .img img {
    opacity: 1;
}

.tile .content {
    padding: 6px 15px 15px 15px;
	text-align: justify;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.tile a {
    text-decoration: none;
	color: #333;
}

.tile .content a:focus {
    color: #888;
    display: block;
	transition: all 1.5s ease;
}

.tile h1 {
    color: #555;
    line-height: 1.35em;
    transition: all 0.5s ease;
	text-align: center;
}

.tile:hover h1.h1-only,
.tile:hover h1,
.tile:active h1,
.tile a:hover,
.tile a:active {
    color: #666;
	transition: all 0.5s ease;
}

.tile p {
    line-height: 20px;
    margin-top: 10px;
}

.tile hr {
    background: #bfbfbf;
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 50%, rgba(0, 0, 0, 0) 100%);
    border: none;
    display: block;
    height: 1px;
    margin: 12px 0 12px 0;
}

