

#q0, .buttondiv, .subhead, h1 { text-align: center }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0; padding: 0; border: 0; font: inherit; vertical-align: baseline }
.answer, .cta, button, h1, h2 { font-weight: 700 }
body { line-height: 1; background-color: #000; background:url(bg.jpg) center center repeat; background-repeat: repeat; font-family: Arial, sans-serif; font-size: 16px; color: #333 }
.wrapper { margin: 15px auto; border: 4px solid #e2396d; background-color: #fff; max-width: 640px; width: 90%; min-height: 60px }
.img-responsive { display: block; margin: 0 auto; max-width: 100%; height: auto }
h1 { font-size: 2em; color: #fff; padding: 10px 0; background-color: #e2396d }
h2 { font-size: 1.6em; padding: 10px 15px }
.txt { padding: 15px 35px; font-size: 1.5em; line-height: 28px }
.buttondiv { padding: 15px 10px; background-color: #f5f6f8; position: relative }
.line { position: absolute; width: 100%; left: 0; top: 1px; height: 1px; background: -moz-linear-gradient(left, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 1) 50%, rgba(230, 230, 230, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(230, 230, 230, 0)), color-stop(50%, rgba(230, 230, 230, 1)), color-stop(100%, rgba(230, 230, 230, 0))); background: -webkit-linear-gradient(left, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 1) 50%, rgba(230, 230, 230, 0) 100%); background: -o-linear-gradient(left, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 1) 50%, rgba(230, 230, 230, 0) 100%); background: -ms-linear-gradient(left, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 1) 50%, rgba(230, 230, 230, 0) 100%); background: linear-gradient(to right, rgba(230, 230, 230, 0) 0, rgba(230, 230, 230, 1) 50%, rgba(230, 230, 230, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e6e6e6', endColorstr='#00e6e6e6', GradientType=1) }
.cta, button { outline: 0; cursor: pointer; color: #000; display: inline-block; padding: 10px 0; max-width: 200px; width: 100%; font-size: 1.4em; border: 1px solid #5dacfb; -webkit-box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 1); -moz-box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 1); box-shadow: inset 0 0 2px 0 rgba(255, 255, 255, 1); background: #e9ebef; background: -moz-linear-gradient(top, #e9ebef 0, #e3e5e6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e9ebef), color-stop(100%, #e3e5e6)); background: -webkit-linear-gradient(top, #e9ebef 0, #e3e5e6 100%); background: -o-linear-gradient(top, #e9ebef 0, #e3e5e6 100%); background: -ms-linear-gradient(top, #e9ebef 0, #e3e5e6 100%); background: linear-gradient(to bottom, #e9ebef 0, #e3e5e6 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9ebef', endColorstr='#e3e5e6', GradientType=0) }
.cta, button { text-decoration: none; background:#259557; border:none!important; color:#fff; }
.no { color: #a8a8a8 !important; margin-left: 5px; border: 1px solid #acacac !important; background:none; }
.subhead { font-size: 1.1em; padding: 5px; font-style: italic }
.answer { padding: 15px 10px 15px 44px; background-image: url(/landings/18448/images/check.png); background-repeat: no-repeat; background-position: 8px center; border: 1px solid #acacac; width: 90%; max-width: 480px; margin: 15px auto 10px; font-size: 1.8em; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.selected { background-image: url(/landings/18448/images/check_selected.png); background-color: #39f; border: 1px solid #39f; color: #fff }
#q1, #q2, #q3, #q4, #q5, #q6, #q7, #q8, #q9 { display: none }
@media screen and (max-width:768px) {
    body { background-image: url(/landings/18448/images/moulin.png) }
    h1 { font-size: 1.45em }
    h2 { font-size: 1.3em }
    .txt { font-size: 1.15em; line-height: 22px }
    .answer, .cta, button { font-size: 1.25em }
}
@media screen and (max-width:399px) {
    .cta, button { display: block; width: 200px; max-width: 100%; margin: 10px auto 0 !important }
    .txt { padding: 10px 15px; font-size: 1.1em }
}