.dialogicals  {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-column-gap: 50px;
	grid-row-gap: 70px;
}
.dialogical  .thumbnail {
	margin-bottom: var(--default-spacing);
}
.dialogical  .thumbnail img {
	padding-top:15px;
	
}
.dialogical  .name {
	margin-bottom: var(--default-spacing);
}
.dialogical  .dialogical_projects {
	padding-top:10px;

}
.dialogical  .description a {
	background: url('../img/arrow.svg') no-repeat 0 center;
	    background-size: auto;
	  cursor: pointer;
	  background-size: 10px;
	  padding-left: 18px;
}
.dialogical  .description a:hover {
	text-decoration:underline;

}


@media only screen and (min-width: 768px) {
	
	.dialogicals  {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-column-gap: 50px;
		grid-row-gap: 70px;
	}
}
@media only screen and (min-width: 1024px) {
	
	.dialogicals  {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		grid-column-gap: 50px;
		grid-row-gap: 70px;
	}
	#dialogicals .dialogicals  {
		grid-template-columns: repeat(3, 1fr);
	}
}