.header_container { display: flex; flex-direction: row; padding-bottom: calc(24rem / 16); border-bottom: calc(1rem / 16) solid var(--purple-2); margin-bottom: calc(46rem / 16); } .nav { display: none; } .header_text_container { margin: auto 0 0 0; } .header { color: var(--purple-2); font-size: calc(48rem / 16); margin: 0 calc(53rem / 16) 0 0; } .subheading { color: var(--purple-2); font-size: calc(36rem / 16); font-weight: 600; padding-bottom: calc(22rem / 16); border-bottom: calc(1rem / 16) solid var(--purple-2); margin-bottom: calc(46rem / 16); } .codey { width: calc(360rem / 16); } .execs { display: flex; flex-direction: column; gap: calc(26rem / 16); margin-bottom: calc(86rem / 16); } .members { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(100rem / 16), 1fr)); row-gap: calc(43rem / 16); column-gap: calc(53rem / 16); justify-items: center; } .members:last-child { margin-bottom: calc(86rem / 16); } .elections { margin-top: 6rem; } .election_subheading { color: var(--blue-2); font-size: calc(36rem / 16); font-weight: 600; } .elections > p { margin: 0; line-height: 1.875; } @media only screen and (max-width: calc(768rem / 16)) { .header_container { flex-direction: column-reverse; padding-bottom: 1rem; } .nav { margin-top: calc(24rem / 16); margin-bottom: calc(46rem / 16); display: flex; flex-direction: column; justify-content: center; align-items: center; } .codey { width: calc(140rem / 16); align-self: center; } .header { font-size: calc(24rem / 16); margin: calc(10rem / 16) 0 0 0; text-align: center; } .subheading { font-size: calc(24rem / 16); padding-bottom: calc(15rem / 16); } .execs { display: grid; grid-template-columns: repeat(auto-fill, minmax(calc(132rem / 16), 1fr)); justify-items: center; } .members { row-gap: calc(24rem / 16); column-gap: calc(1rem / 16); } .elections { padding: 2rem; } .election_subheading { font-size: calc(24rem / 16); } }