/*.container{
    
    margin: 0 auto;
    border: 0px solid black;
    padding: 10px 0px;
}*/

/* post */
.post{
    /*width: 100%;
    min-height: 200px;
	margin-bottom: 15px;*/
    padding: 15px;
    border: 1px solid gray;
    
}

.post h1{
    letter-spacing: 1px;
    font-weight: normal;
    font-family: sans-serif;
	margin: 0 0 12px}
}


.post p{
    letter-spacing: 1px;
    text-overflow: ellipsis;
    line-height: 25px;
}

/* Load more */
.load-more{
    width: 100%;
    background: #00a650;
    text-align: center;
    color: white;
    padding: 10px 0px;
    font-family: sans-serif;
	margin-bottom: 15px;
}

.load-more:hover{
    cursor: pointer;
}

/* more link */
.more{
    color: blue;
    text-decoration: none;
    letter-spacing: 1px;
    font-size: 16px;
}

.grid-containerA {display: grid; grid-template-columns: 1fr; grid-template-rows: auto; gap: 15px; grid-template-areas: "."; margin-bottom: 15px}
.grid-containerA figure {height: 180px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center;}
.grid-containerA figure img { width: 90%; height: 90%; object-fit: contain}
.grid-containerA h2 {margin: 0 0 4px 0; font-size: 18px; font-weight: 600}
.grid-containerA p {font-size: 16px;}

@media (min-width: 768px) { 
	.grid-containerA {grid-template-columns: 1fr 1fr; grid-template-areas: ". .";}
}

@media (min-width: 992px) { 
	.grid-containerA {grid-template-columns: 1fr 1fr 1fr; grid-template-areas: ". . .";}
}


@media all and (-ms-high-contrast:none) {
  .grid-containerA {display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr; -ms-grid-rows: auto;}
}