@media (min-width: 768px) {
.node-type-landing-page .template1 .main_content_wrapper {
    width: 88%;
}}

.view-cards {}
.view-cards *  {box-sizing: border-box;}
.view-cards .view-content {  display: flex; justify-content: stretch; flex-wrap: wrap;}
.view-cards .view-content .views-row {
    flex-basis: 100%;
    padding: 15px 15px 40px;
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 20%);
    height: inherit;
    position: relative;
    margin-right: 2%;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.view-cards .view-content .views-row-last {
    margin-right: 0px;
}
.standard .view-cards .view-content .views-row {
    box-shadow: none;
    margin: 0;
}
.standard .view-cards .article-row {
    display: flex;
}
.standard .view-cards .article-image {flex-basis: 40%;}
.standard .view-cards .article-textual {padding: 0px 0 0 14px; flex-basis: 60%;}

.view-cards .article-date {
	margin-bottom: 10px;
	font-size: 12px;
	color: #888;
}

.view-cards img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.view-cards .article-title,
.view-cards .article-title a {
	font-family: DINOT, verdana, sans-serif !important;
	font-size: 16px;
	color: #002856;
	font-weight: bold;
}
.standard .view-cards .article-title, 
.standard .view-cards .article-title a {
    font-size: 22px;
    font-weight: bold;
    line-height: 22px;
    text-transform: none;
    margin-bottom: 5px;
}

.card .view-cards a.read-more {
	position: absolute;
	left: 15px;
	bottom: 10px;
	font-size: 16px;
	color: #002856;
	font-weight: bold;
}
.standard .view-cards a.read-more {
    font-size: 15px;
    font-weight: bold;
    border: 2px solid #5fab3e;
    padding: 1% 2%;
    color: #5fab3e !important;
    text-transform: uppercase;
    text-align: center;
    width: auto;
    float: left;
    background: #fff;
    margin-top: 20px;
    overflow: hidden;
}
.standard .view-cards a.read-more:after {
    content: ">>";
    margin-left: 10px;
}


	
@media (min-width:1250px) {
	.one-col .view-cards .view-content .views-row {
		flex: 0 1 100%;
	}    
	.card.two-col .view-cards .view-content .views-row {
		 flex: 0 1 46%;
	}
	.standard.two-col .view-cards .view-content .views-row {
		 flex: 0 1 50%;
		 padding: 0 0 44px 14px; 
	}	
	  
	.three-col .view-cards .view-content .views-row {
		flex: 0 1 31%;
	}
}
@media (min-width:768px) and (max-width:1249px) {
	.two-col .view-cards .view-content .views-row {
	    flex: 0 1 100%;
	}
	
	.three-col .view-cards .view-content .views-row {
		flex: 0 1 46%;
	}
}
@media (max-width:767px) {
    .standard .view-cards .article-row {
        display: block;
    }
}
}