.grelha4 .pane-content > div { padding-top:50px; padding-bottom: 50px}
.grelha4 .view-content {  display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; }
.grelha4 article { width: 100%; box-sizing: border-box; }
.grelha4 article a { display: flex; align-items:center; }
.grelha4 article figure { overflow: hidden; height: 80px; width: 80px; margin-right: 10px; float: left; }
.grelha4 article a > div { width: calc(100% - 90px)}

.grelha4 article img { display: block; object-fit: cover; width: 100%; height: 100%; transition: all .3s ease-in-out;}
.grelha4 article:hover img { transform: scale(1.04);}
.grelha4 article h3 { text-transform: uppercase; font-weight: normal; font-size: .65em; }
.grelha4 article h2 { line-height: 120%; font-size:.95em; font-weight: 800; letter-spacing: -.026em; }
.grelha4 article .submitted { font-size: .7em; }
@media (min-width:270px) {
}
@media (min-width:415px) {
.grelha4 article figure { height: 95px; width: 130px; margin-right: 12px; }
.grelha4 article a > div { width: calc(100% - 142px)}

}
@media (min-width:535px) {
.grelha4 article figure { height: 110px;  width: 150px; margin-right: 17px; }
.grelha4 article .pane-content > div:nth-child(2) { width: calc(100% - 167px)}
.grelha4 article h2 { font-size:1.05em; }


}
@media (min-width: 650px) {
.grelha4 article figure { width: 100%; height: auto; margin: 0 0 5px 0; float: none; }
.grelha4 article a img { width: 100%; height: auto;}
.grelha4 .view-content {  display: grid; grid-template-columns: repeat(2, 1fr); }
.grelha4 article a { display: block; }
.grelha4 article a > div { width: 100%}
.grelha4 article a h2 { font-size:1.15em; }


}
@media (min-width: 930px) {
.grelha4 .view-content {  grid-template-columns: repeat(3, 1fr); }
}
@media (min-width: 1280px) {
.grelha4 .view-content { grid-template-columns: repeat(4, 1fr); }
.grelha4 article img { width: 100%; height: auto; background: #d0d0d0; }
}
@media (min-width: 1360px) {
.grelha4 .view-content { grid-gap: 30px; }
.grelha4 article h2 { font-size:1em; }
}
@media (min-width: 1460px) {
.grelha4 article h2 { font-size:1.1em; }
}