/*article:not(.has-post-thumbnail) {padding-top: 3em;}*/
.entry-content {margin: 2em 0;}

.details li{padding-bottom: 7px;border-bottom: 1px solid #bf1b2c;margin: 7px 0;}
.details h3{margin: 0;font-family: 'HankenGrotesk-Regular';text-transform: uppercase;font-size: 0.875rem;color: #555;}
.details p{margin: 0;}
article .container:not(.has-content):not(.entry-title){margin-top: 2em;justify-content: center}
.gallery-container{display: grid; grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr)); grid-gap: 20px;margin-bottom: 2em;}
article .container:not(.has-content) .gallery-section{flex:1 1 auto;max-width: 1200px;}
.gallery-container img{display: block;transition: transform 1s ease-in-out}
.gallery-container a:hover img{transform: scale(1.3)}
.gallery-container a {overflow: hidden;}


@media screen and (min-width: 768px){
  /*article:not(.has-post-thumbnail) {padding-top: 4em;}*/
}
@media screen and (min-width: 1024px) {
   
article > .container{display: flex;gap:40px}
.entry-content {flex:0 0 440px;/*position: sticky;top:80px;align-self: flex-start;*/}
.details li{margin: 20px 0;}
.gallery-container{grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));}
.entry-content, .entry-content +section{margin-top: 3em;}
.entry-content, .gallery-container{margin-bottom: 3em;}
.entry-content +section{flex:1 1 auto}
}
@media screen and (min-width: 1240px) {
    article > .container{max-width: 1800px;gap:60px}
    .entry-title{font-size: 3em;}
    .entry-content{flex-basis: 540px}
    .gallery-container{grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));}
}
@media screen and (min-width: 1600px) {
    .gallery-container{grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));}
}