div.publication_main
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 1rem;
}

div.publication_main a.item
{
display: block;
width: 24%;
text-decoration: none;
}

div.publication_main a.item div.date
{

}

div.publication_main a.item div.thumb
{
width: 100%;
height: auto;
padding-top: 75%;
background-position: center;
background-size: cover;
}

div.publication_main a.item div.text
{
color: #231F20;
color: #000;
}

div.publication_main a.more
{
display: block;
width: 100%;
margin-top: 1rem;
text-align: center;
color: #808184;
text-decoration: none;
}

div.publication_main a.more:hover
{
text-decoration: underline;
}

@media (max-width: 768px)
{
	div.publication_main a.item
	{
		width: 48%;
		margin-top: 1rem;
	}
}

@media (max-width: 480px)
{
	div.publication_main a.item
	{
		width: 100%;
		margin-top: 1rem;
	}
}