.com-item{
	position: relative;
	padding-bottom: 10px;
}

.com-item .col-text{
	width: 60%;
}
.com-item .col-image{
	width: 40%;
}

.com-item.noimage .col-text {
	width:100%;
}
.com-item.noimage .col-image {
	display:none;
}

@media(max-width: 768px){
	.com-item-small.big .title h1, .com-item-small.big .title {
		font-weight: 700;
	}
}

@media(min-width: 768px){

	.com-item .col-text{
		width: 60%;
	}

	.similar .com-item .col-text{
		font-size: larger;
	}

	.com-item .col-image{
		width: 40%;
	}
}

.com-item.square .col-text{
	width: 75%;
}
.com-item.square .col-image{
	width: 25%;
}
/* mobile 
@media(max-width: 540px){
	.com-item .subtitle {
		display:none;
	}
	.com-item .title {
		font-size: 130%;
	}
}
*/
@media(min-width: 768px){
	.com-item.square .col-text{
		width: 65%;
	}
	.com-item.square .col-image{
		width: 35%;
	}
}

.com-item  a:hover .overlay {
	background-color: rgba(255, 255, 255, 0.1);
	position: absolute;
  top: 0;
  left: 10px;
  /*width: calc(100% - 20px);*/
	width:100%;
  height: 100%;
}

.com-item.image-small .col-text{
	width: 75%;
}
.com-item.image-small .col-image{
	width: 25%;
}
.com-item.square.image-small .col-text{
	width: 85%;
}
.com-item.square.image-small .col-image{
	width: 15%;
}

.com-item .section-title{
	font-size: 0.8rem;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.com-item .time{
	font-size: 0.8rem;
	color: #888;
}
.com-item .title h1, .com-item .title{
	font-size: 95%;
	line-height: 128%;
	font-weight: 700;
	letter-spacing: 0.1px;
}
.com-item .subtitle h2, .com-item .subtitle{
	margin-top: 8px;
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 128%;
	letter-spacing: 0.1px;
}
.com-item .authors {
	margin-top: 8px;
	font-size: 90%;
	color: #888;
}

/* REVERSE */
.com-item.reverse .row{
	flex-direction: row-reverse!important;
}