#page
{
	max-width: 1366px;
	margin: auto auto;
}


#primary-content {
    display: grid;
   /*  grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); */
	    grid-template-columns: repeat(auto-fit, minmax(29%, 1fr));
    grid-gap: 45px;
    grid-auto-flow: dense;
	padding:0 20px;
	opacity:1 !important;
}

.post,.page
{
grid-gap: 23px;
}

.catty a, .counter {
    text-transform: uppercase;
    text-decoration: none;
    padding-bottom: 12px;
    color: #919191;
    font-size: 66%;
    letter-spacing: .2em;
}



.blog .post-content { padding:initial;}

h2.title
{
	margin: 0.4em 0 .4em 0;
	padding-bottom:2px;
	max-height: 120px !important;
	overflow: hidden;
	
}

h2 a {
text-decoration:none;
color:initial;
}

h2 a:hover {
	color:#0071bb;
}


.featimg
{
	background-color: lightgrey;
	background-size: cover;
	border-radius: 10px;
	float: left;
	height: 182px;
	margin-bottom: 15px;
	overflow: hidden;
	width: 100%;
}
.featimg:hover
{
	opacity: 0.8;
	transition: 0.5s;
	webkit-transition: 0.5s;
}


@media only screen and (min-width:1377px) {
.post:nth-of-type(1), .post:nth-of-type(6), .post:nth-of-type(9) {
    grid-column: span 2;
}

.author .post:nth-of-type(13) {
    grid-column: span 1;
}

.post:nth-of-type(1) .featimg, .post:nth-of-type(6) .featimg, .post:nth-of-type(9) .featimg, .post:nth-of-type(13) .featimg {
    height: 330px;
}

.author .post:nth-of-type(13) .featimg {
    height: 182px;
}

.post:nth-of-type(13) {
    grid-column:span 3;
}

}



@media only screen and (max-width:921px) {
#primary-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
}

.post .featimg {
    height: 260px !important;
	background-position: center;
}

}