.main { margin-top: calc(60rem / 16); margin-bottom: calc(60rem / 16); } .main > h2 { padding-bottom: 1rem; border-bottom: 1px solid var(--primary-heading); } .header { display: flex; flex-wrap: wrap; } .header a { color: var(--text); font-size: calc(18rem / 16); margin-right: 1rem; } .header a .curTerm { color: var(--primary-accent); } .blue { color: var(--primary-accent); } .miniEventCards { margin-top: calc(30rem / 16); } .main > .miniEventCards { margin-top: 0; } /* @media only screen and (max-width: calc(425rem / 16)) { .header { display: flex; flex-direction: column; } } */