article { border: 1px solid #ddd; border-radius: 4px; padding: 10px 20px; }

article + article { margin-top: 40px; }

header, footer, main { padding: 40px 10%; }

header, footer { text-align: center; }

header { margin-top: 40px; }

footer > p { font-size: 16px; margin: 0; }

.button { border: solid 1px #ddd; border-radius: 4px; color: #596068; display: inline-block; font-weight: bold; padding: 15px 45px; text-decoration: none; }
.button:hover { background: #596068; border-color: #596068; color: #fff; }

.beefup-head { cursor: pointer; margin-bottom: 0; overflow: hidden; padding-right: 30px; position: relative; text-overflow: ellipsis; white-space: nowrap; }
.beefup-head:after { border-style: solid; border-width: 10px 10px 0 10px; border-color: #ddd transparent transparent transparent; content: ''; position: absolute; right: 0; height: 0; margin-top: -5px; top: 50%; width: 0; }
.open > .beefup-head:after { border-width: 0 10px 10px 10px; border-color: transparent transparent #ddd transparent; }

.beefup-body { padding: 20px 0 0; }