header {
    aspect-ratio:1920/600;
    margin:0 auto 50px
}
header > img {
    width:100%;
    height:auto;
    max-width:1920px;
    padding:0 50px;
}
article {max-width:1440px;margin:0 auto 50px;padding:0 7%;text-align:left;}
article > p {line-height:22px}

.num {
    position:absolute;
    left:-50px;
    bottom:-40px;
    color:#f1eee9;
    /*font-family:"Montserrat",sans-serif;*/
    font-size:200px;
    line-height:150px;
    font-weight:700;
    opacity:0.7;
    pointer-events:none;
    z-index:1;
}
.tags {display:block;margin:-100px auto 10px;z-index:0}
.tagline {display:inline-block;width:72px;height:2px;margin-right:24px;vertical-align:middle;background-color:#e1aa58;z-index:2;}
.taglinks {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  aspect-ratio: 1;
  padding: 30px;
  background: #e1aa58;
  border-radius: 50%;
}
.taglinks div {color:#fff;font-size:11px;font-weight:bold;text-transform:uppercase;}
.date {margin-bottom:20px;}
.date span {position:relative;display:block;color:#aaa;font-size:12px;text-transform:uppercase;}

/*   ARTICLE IMAGES  */
.gallery {width:100%;margin:30px auto;text-align:center;}

@media (max-width: 680px) {
    .gallery a {width:calc(50% - 10px);}
}
@media only screen and (max-width:500px) {
    header > img {padding:0 20px;}
    .tags {margin:-50px auto 10px;}
    .num {bottom:-30px;font-size:150px;line-height:100px;}
    .gallery a {width:calc(100% - 10px);}
}