@font-face {
font-family: Open Sans;
src: url(https://fonts.gstatic.com/s/opensans/v40/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2);
}
@font-face {
font-family: Open Sans Condensed;
src: url(https://fonts.gstatic.com/s/opensanscondensed/v23/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDuXMRw.woff2);
}
body {
font: 16px "Open Sans", Arial, Helvetica, sans-serif;
background-color: #f1ece6;
}
header {
color: white;
background: url(head_aff.jpg) 100% 50% no-repeat;
height: 290px;
padding: 0 2em;
text-align: center;
}
main {
padding: 2em;
background-color: white;
}
content {
display: block;
max-width: 1001px;
margin: auto;
}
footer {
display: block;
text-align: center;
padding: 1em;
}
footer a {
text-decoration: none;
color: #666;
}
h1 {
font-size: 2.75em;
color: #fff;
margin: 0px 0 15px 0;
padding-top: 1em;
font-weight: 600;
display: block;
}
h2 {
font-family: "Open Sans Condensed", Arial, Helvetica, sans-serif;
}
h2, .collapse p a {
text-transform: uppercase;
color: #A0BA70;
}
.collapse {
margin: 1em;
}
.collapse p a {
font-size: 0.8em;
}
.collapse a {
color: #666;
display: block;
text-decoration: none;
}
.collapse a.question::before {
 content: '\27A4  ';
}
.collapse a.regular {
display: initial;
text-decoration: underline;
}
.collapse > div {
height: 0;
overflow: hidden;
transition: all 1s ease-out;
opacity: 0;
}
.collapse > div:target {
display:block; 
opacity: 1;
height: auto;
}