/* General */
body { overflow: hidden; font-family: "proxima-nova", sans-serif; font-weight: 100; font-style: normal; letter-spacing: .5px; color: #2d2d2d; background: #f5e000; margin: 0; padding: 0; font-size: 36px; transition: background-color 8s ease-in-out, color 7s ease-in-out; }
h1, p { margin: 0; padding: .5em 0; }
h1 span {  font-size: 30%; }
/* IDs */
#wrapper { width: 100%; height: 100%; }
#bg-video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; display: none; }
#agg { padding-top: 0; }
/* Classes */
.container { text-align: center; margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.container h1 { font-size: inherit; }
.clear { clear: both; }
.fired { background: #000; color: #CCC; }
body.fired.crazy { color: #000; background: #CCC; transition: none; }
.ribbon { position: absolute; background-color: #f5e000; z-index: 20; }
.ribbon p { display: none; font-size: 70%; margin-top: 0; color: #2d2d2d; }
.ribbon a { color: #18509d; font-weight: 400; text-decoration: none; }
.ribbon a:hover { text-decoration: underline; }
.line1 { height: 50px; top: 30px; text-align: center; }
.line2 { height: 5px; top: 90px; }
.line3 { height: 5px; bottom: 75px; }
.line4 { height: 55px; bottom: 15px; text-align: center; }
.pic1 { max-height: 800px; }
.pic2, .pic4 { right: 0; }
.pic3 { width: 600px; }
.pic5.bust { left: 35%; bottom: 75px; }
.bust { opacity: .4; display: none; max-width: 50%; position: absolute; bottom: 0; }
button.override { position: absolute; bottom: 0; left: 0; background: transparent; border: 0; padding: 5px 10px; cursor: pointer; outline: none; }
.part2 { display: none; }
.js-list { padding: 15px; }
.js-list p { padding: 0; }
.js-list button { vertical-align: middle; margin-left: 5px; margin-bottom: 5px; }
.js-list p, .js-list button { display: inline-block; }
@media (max-width: 800px) {
.container { width: 100%; }
.container h1 { font-size: 100%; }
.ribbon p { font-size: 16px; margin-top: 9px; }
}