body { max-width: 100%; margin: 0; font-family: "Arial", sans-serif; font-size: 18pt; }
img { max-width: 100%; object-fit: cover; }
h1 { font-family: "Droid Serif", serif; font-weight: 700; font-style: normal; text-transform: uppercase; letter-spacing: 4px; margin: 0; font-size: 3em; }
.container { max-width: 1280px; margin: 0 auto; padding: 50px 15px; }
.grid-container { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); place-items: center; margin-bottom: 20px; }
@media ( min-width:992px ) {
    .reversed > .grid-item:nth-child(2){ order: -1; }
}
.grid-item.text { padding: 0 20px; }
.red-bg { background: #5a1c2b; color: #fff; padding: 50px 15px; }
.red-bg a { color: #fff;  }
.title a { color: inherit; }
.center-align { text-align: center; margin: 0 auto; }
.font-sm { font-size: .8em; }