*,
*:before,
*:after {
box-sizing: inherit;
} .masonry {
margin: 1.5em auto;
max-width: 100%;
transition: all .5s ease-in-out;
column-gap: 30px;
column-fill: initial;
}
.masonry a{
text-decoration: underline;
} .masonry .g-scholar-item {
background: #fff;
margin: 0 0 1.5em;
border: 1px solid #284d3b;
padding: 10px;
display: inline-block;
vertical-align: top;
width: 100%;
}
.masonry .g-scholar-item h5{
font-size:17px;
text-align: center;
margin: 10px;
}
.g-scholar-item-content{
padding:15px;
}
.g-scholar-item-content p{
font-size: 14px;
} @media only screen and (min-width: 1024px) {
.masonry {
column-count: 3;
}
} @media only screen and (max-width: 1023px) and (min-width: 768px) {
.masonry {
column-count: 2;
}
} @media only screen and (max-width: 767px) {
.masonry {
column-count: 1;
}
}