html body.admin-system,
body.admin-system {
  background: white !important;
}
html body.admin-system .center,
body.admin-system .center {
  text-align: center;
}
html body.admin-system .right,
body.admin-system .right {
  text-align: right;
}
html body.admin-system .table-container,
body.admin-system .table-container {
  max-width: 90%;
}
html body.admin-system .container,
body.admin-system .container {
  max-width: 90%;
  width: 90%;
  margin: auto;
  border: none !important;
}
html body.admin-system .container .login-box,
body.admin-system .container .login-box {
  border: 1px solid #ccc;
  border-radius: 5px;
  margin: auto;
  margin-top: 100px;
  max-width: 400px;
  padding: 10px 20px;
}

header .container,
#content .container,
.container,
.container.wrap {
  margin: 0;
  max-width: 100%;
  width: 100%;
  padding: 0;
}
.question-header {
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.button-container {
  padding: 20px;
  text-align: center;
}
.button-container button {
  margin: 10px;
}
.question-text-body {
  padding: 6px 0;
}
.question {
  clear: both;
  max-width: 1000px;
  margin: 10px auto;
}
body {
  line-height: 26px;
}
input {
  padding: 1px 10px;
}
.radio-label {
  padding-left: 30px;
  display: block;
  font-weight: normal;
}
.radio-body {
  font-weight: bold;
}
label.text-field {
  display: block;
}
.question.li .question-text-body::before {
  content: " ● ";
}
.question.li img {
  float: left;
  padding-right: 10px;
}
.question.li .question-text-body {
  font-size: 20px;
}

.image-radio-body .image-radio-container {
  float: left;
  width: 25%;
}
.image-radio-body .image-radio-container .radio-label {
  cursor: pointer;
  padding: 0;
  width: 100%;
  height: 80px;
  background-color: #000;
  border: 1px solid #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  vertical-align: middle;
}
.image-radio-body .image-radio-container .radio-label input {
  display: none;
}
.image-radio-body .image-radio-container .radio-label.selected {
  background: #000;
}
.image-radio-body .image-radio-container .radio-label.unselected {
  color: #bbb;
  background: #000;
}
.image-radio-body .radio-image-image {
  width: 100%;
}
.image-radio-body .radio-image {
  position: relative;
}
.image-radio-body .radio-image .image-radio-body {
  position: absolute;
  top: 50%;
  color: #fff;
}
.image-radio-body .radio-image .image-radio-response,
.image-radio-body .radio-image .image-radio-timer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  background-color: #ccc;
  display: none;
  padding: 20px 5px;
  font-size: 20px;
}
.image-radio-body .radio-image .image-radio-response.correct {
  background-color: #5dfffa;
  color: black;
}
.image-radio-body .radio-image .image-radio-response.incorrect {
  background-color: #5d0414;
}
.image-radio-body .radio-image .image-radio-timer {
  border-bottom: 5px solid #00999f;
  width: 0;
}

.forced-video-body {
  position: relative;
  padding-bottom: 49.25%;
  /* youtube */
  padding-top: 25px;
  height: 0;
}
@media (min-width: 500px) {
  .forced-video-body {
    padding-bottom: 53.25%;
    /* youtube */
  }
}
.forced-video-body iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.container {
  padding-bottom: 0px !important;
}
.container .control-entry-form {
  width: 80% !important;
  display: block !important;
  margin: 0 auto;
}
.container .control-entry-form .control-field {
  width: 100% !important;
  background: white !important;
  height: 60px;
  font-size: 20px !important;
  margin-bottom: 20px !important;
  padding-left: 10px !important;
  border-radius: 3px !important;
  box-shadow: none !important;
  outline: none !important;
  border: thin solid #c3c3c3 !important;
  font-family: "league-gothic", sans-serif !important;
  color: #787878 !important;
}
.container .control-entry-form #emailSubmission.control-field {
  padding-bottom: 10px !important;
  height: 60px !important;
}
.container .control-entry-form .just-enter-control {
  background: green !important;
  height: 60px !important;
  color: white !important;
  text-decoration: none !important;
  border-radius: 3px;
  font-family: "league-gothic", sans-serif !important;
  font-size: 30px !important;
  margin-bottom: 10%;
}

@font-face {
  font-family: 'cartonslab';
  src: url('/wp-content/themes/downanddirty/style/fonts/carton-slab-webfont.eot');
  src: url('/wp-content/themes/downanddirty/style/fonts/carton-slab-webfont.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/downanddirty/style/fonts/carton-slab-webfont.woff') format('woff'), url('/wp-content/themes/downanddirty/style/fonts/carton-slab-webfont.ttf') format('truetype'), url('/wp-content/themes/downanddirty/style/fonts/carton-slab-webfont.svg#cartonslab') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Headliner No. 45";
  src: url("/commonsense/css/font/Headliner%20No.%2045.ttf");
  src: url("/commonsense/css/font/Headliner%20No.%2045.woff2") format("woff2"), url("/commonsense/css/font/Headliner%20No.%2045.woff") format("woff"), url("/commonsense/css/font/Headliner%20No.%2045.ttf") format("truetype"), url("/commonsense/css/font/Headliner%20No.%2045.svg#Headliner No. 45") format("svg");
}
@font-face {
  font-family: "Axe Handel";
  src: url("/commonsense/css/font/AxeHandel.ttf");
}
input[type=text] {
  font-family: "proxima-nova", sans-serif;
  text-transform: uppercase;
}
body {
  padding-top: 0;
  background: url("/commonsense/images/wood.jpg") repeat;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Axe Handel', 'impact', sans-serif;
}
body .spaced {
  padding: 20px;
}
body .container {
  font-family: "proxima-nova", sans-serif;
  border: 2px solid #2B2017;
  max-width: 800px;
  background: #fff;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  color: #000;
  padding-bottom: 80px;
  margin: auto;
}
body .container #just-enter {
  background-color: transparent;
  color: black;
  font-family: "proxima-nova", sans-serif;
  font-size: 18px;
  text-decoration: underline;
  padding: 10px 20px;
}
body .container h1.fb-share {
  padding: 0;
  margin-top: 0;
}
body .container .question {
  display: none;
  margin: 0px;
}
body .container .question label {
  margin: 0;
}
body .container .question img {
  max-width: 100%;
}
body .container #question-intro {
  margin: 0;
  display: block;
}
body .container #question-intro p {
  font-size: 20px;
}
body .container #question-intro .question-text-body {
  padding: 20px;
  font-size: 18px;
}
body .container #question-build-up-video .question-header {
  padding: 20px;
  border-bottom: none;
}
body .container #question-build-up-video .question-footer {
  padding: 20px;
  border-bottom: none;
  font-size: 18px;
}
body .container .image-radio-body .image-radio-container {
  overflow: hidden;
}
body .container button,
body .container .btn.btn-default,
body .container .image-radio-body .image-radio-container .radio-label {
  background-image: none;
  background-color: #cf7019;
  border: 1px solid #FFF;
  text-shadow: none;
  color: #FFF;
  line-height: 20px;
}
@media (max-width: 768px) {
  body .container button,
  body .container .btn.btn-default,
  body .container .image-radio-body .image-radio-container .radio-label {
    line-height: 16px;
    font-size: 14px;
    padding: 5px;
  }
}
body .container button:hover,
body .container .btn.btn-default:hover,
body .container .image-radio-body .image-radio-container .radio-label:hover {
  background-color: #30261c;
}
body .container button.selected,
body .container .btn.btn-default.selected,
body .container .image-radio-body .image-radio-container .radio-label.selected {
  color: #F4CD68;
}
body .container .email-header,
body .container .fb-share {
  text-align: center;
  padding: 10px;
}
body .container .email-header button,
body .container .fb-share button {
  padding: 20px 20px 10px 20px;
}
body .container .share-text {
  font-size: 20px;
}
body .container #emailSubmission {
  padding: 13px 0px 0px 0px;
  font-size: 26px;
  height: 50px;
  width: 300px;
}
body .container #submit-email {
  font-size: 30px;
}
@media (max-width: 768px) {
  body .container #submit-email {
    margin-top: 0px;
  }
}
body .container #video-build-up-video {
  width: 100%;
}
body .container #email-error {
  background-color: #fff6c8;
  color: #cf7019;
  border: 1px solid #cf7019;
  border-radius: 2px;
  text-align: center;
  margin: 0px 20px 10px 20px;
  display: none;
}
body .container #email-submitted {
  display: none;
}
body .container .question-footer {
  padding: 10px;
  font-size: 14px;
}
body .container #btsNextButton {
  display: none;
  margin-top: 20px;
  padding: 20px 80px;
}
body .container #question-a-chosen h3,
body .container #question-b-chosen h3,
body .container #question-c-chosen h3,
body .container #question-d-chosen h3 {
  padding: 0px 20px;
  font-size: 36px;
}
body .container #question-build-up-video h3 {
  font-size: 36px;
}
body .container .image-radio-response {
  display: none;
}
body .footer {
  text-align: center;
  color: #fff;
}
body #privacy-policy p {
  color: #fff;
  text-align: center;
  line-height: 20px;
  max-width: 600px;
  margin: 10px auto;
  font-size: 18px;
}

input[type=text] {
  font-family: "league-gothic", sans-serif;
  text-transform: uppercase;
}
body#legacy {
  font-family: "league-gothic", sans-serif;
  padding-top: 0;
  background: url("../images/texture_background.jpg") repeat;
  background-position: 50% 0;
}
body#legacy h1,
body#legacy h2,
body#legacy h3,
body#legacy h4,
body#legacy h5,
body#legacy h6 {
  font-family: "league-gothic", sans-serif;
}
body#legacy .spaced {
  padding: 20px;
}
body#legacy.a-chosen,
body#legacy.b-chosen,
body#legacy.c-chosen,
body#legacy.d-chosen {
  background-size: cover;
}
#legacy .container {
  font-family: "league-gothic", sans-serif;
  max-width: 800px;
  background: transparent;
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  color: #000;
  padding-bottom: 80px;
  margin: auto;
}
#legacy .container > .row {
  display: none;
}
@media (max-width: 768px) {
  #legacy .container {
    margin: 0;
  }
}
#legacy .container #just-enter {
  font-size: 30px;
  padding: 15px 20px;
  color: #312620;
}
#legacy .container h1.fb-share {
  padding: 0;
  margin-top: 0;
}
#legacy .container .question {
  display: none;
  margin: 0px;
}
#legacy .container .question label {
  margin: 0;
}
#legacy .container .question img {
  max-width: 100%;
}
#legacy .container #question-intro {
  margin: 0px;
  display: block;
  text-align: center;
}
#legacy .container #question-intro h1 {
  color: #fbd270;
  text-transform: uppercase;
  font-size: 40px;
  padding: 0 10px;
  line-height: 35px;
}
@media (min-width: 768px) {
  #legacy .container #question-intro h1 {
    font-size: 50px;
    padding: 0 100px;
    line-height: 45px;
  }
}
#legacy .container #question-intro p {
  font-size: 25px;
  color: #fff;
  padding: 30px 20px 0 20px;
}
@media (min-width: 768px) {
  #legacy .container #question-intro p {
    font-size: 30px;
    line-height: 35px;
  }
}
#legacy .container #question-intro .question-text-body {
  padding: 20px;
  font-size: 18px;
}
#legacy .container #question-build-up-video .question-header {
  padding: 20px;
  border-bottom: none;
}
#legacy .container #question-build-up-video .question-footer {
  padding: 20px;
  border-bottom: none;
  font-size: 18px;
}
#legacy .container .image-radio-body .image-radio-container {
  overflow: hidden;
}
#legacy .container button,
#legacy .container .btn.btn-default,
#legacy .container .image-radio-body .image-radio-container .radio-label {
  background-image: none;
  background-color: #fbd270;
  border: 5px solid #312620;
  border-left: 0;
  text-shadow: none;
  color: #000;
  line-height: 20px;
  font-size: 18px;
  text-transform: uppercase;
  padding: 0 5px;
}
@media (max-width: 768px) {
  #legacy .container button,
  #legacy .container .btn.btn-default,
  #legacy .container .image-radio-body .image-radio-container .radio-label {
    line-height: 16px;
    font-size: 15px;
    padding: 5px;
  }
}
#legacy .container button:hover,
#legacy .container .btn.btn-default:hover,
#legacy .container .image-radio-body .image-radio-container .radio-label:hover {
  background-color: #f8b30d;
}
#legacy .container button.selected,
#legacy .container .btn.btn-default.selected,
#legacy .container .image-radio-body .image-radio-container .radio-label.selected {
  color: #F4CD68;
}
#legacy .container .image-radio-body .image-radio-container:nth-child(5n + 5) .radio-label {
  border-right: 0;
}
#legacy .container .email-header,
#legacy .container .fb-share {
  text-align: center;
  padding: 10px;
  font-size: 30px;
}
#legacy .container .email-header button,
#legacy .container .fb-share button {
  padding: 20px 20px 10px 20px;
}
#legacy .container .email-header {
  min-height: auto !important;
}
#legacy .container .email-header p {
  padding: 20px 0;
  color: #fff;
}
#legacy .container .entry-form {
  display: block;
}
#legacy .container .entry-form #emailSubmission {
  padding: 1px 10px !important;
}
#legacy .container .entry-form #emailSubmission,
#legacy .container .entry-form .form-field {
  font-size: 26px;
  height: 50px;
  width: 300px;
  margin-bottom: 20px;
  margin-right: 0;
}
#legacy .container .entry-form #emailSubmission.invalid,
#legacy .container .entry-form .form-field.invalid {
  outline: rgba(255, 100, 100, 0.9) solid 2px;
}
@media (min-width: 768px) {
  #legacy .container .entry-form #emailSubmission,
  #legacy .container .entry-form .form-field {
    padding: 1px 10px;
    margin-right: 5px;
  }
}
#legacy .container .entry-form select {
  border-radius: 0 !important;
  background-color: white;
  border: none !important;
  padding: 1px 10px;
}
#legacy .container .entry-form select::-ms-expand {
  display: none;
}
#legacy .container .entry-form p {
  padding: 0 !important;
  margin-top: 10px;
  margin-bottom: 36px !important;
}
@media (min-width: 768px) {
  #legacy .container .entry-form p input {
    margin-left: -12px;
  }
  #legacy .container .entry-form p span {
    position: relative;
    top: 4px;
    left: 5px;
  }
}
#legacy .container .entry-form #just-enter {
  border: 0;
  font-family: inherit !important;
  text-decoration: none !important;
}
#legacy .container .entry-form #privacy-policy {
  display: block;
  margin-top: 25px;
  color: white;
}
#legacy .container .entry-form #privacy-policy p {
  font-size: 25px;
}
@media (min-width: 768px) {
  #legacy .container .entry-form #emailSubmission,
  #legacy .container .entry-form .form-field {
    margin-bottom: 25px;
    width: 100%;
  }
}
#legacy .container .share-text {
  font-size: 20px;
}
#legacy .container #video-build-up-video {
  width: 100%;
}
#legacy .container #email-error {
  background-color: #fff6c8;
  color: #cf7019;
  border: 1px solid #cf7019;
  border-radius: 2px;
  text-align: center;
  margin: 0px 20px 10px 20px;
  display: none;
  font-size: 1.2em;
}
#legacy .container #email-submitted {
  display: none;
}
#legacy .container .question-footer {
  padding: 10px;
  font-size: 14px;
}
#legacy .container #btsNextButton {
  display: none;
  margin-top: 20px;
  padding: 20px 80px;
}
#legacy .container #question-a-chosen,
#legacy .container #question-b-chosen,
#legacy .container #question-c-chosen,
#legacy .container #question-d-chosen {
  text-align: center;
}
#legacy .container #question-a-chosen h1,
#legacy .container #question-b-chosen h1,
#legacy .container #question-c-chosen h1,
#legacy .container #question-d-chosen h1 {
  color: #fbd270;
  text-transform: uppercase;
  font-size: 40px;
  padding: 0 10px;
}
@media (min-width: 768px) {
  #legacy .container #question-a-chosen h1,
  #legacy .container #question-b-chosen h1,
  #legacy .container #question-c-chosen h1,
  #legacy .container #question-d-chosen h1 {
    font-size: 50px;
    padding: 0 100px;
  }
}
#legacy .container #question-a-chosen p,
#legacy .container #question-b-chosen p,
#legacy .container #question-c-chosen p,
#legacy .container #question-d-chosen p {
  font-size: 25px;
  color: #fff;
  padding: 30px 20px 0 20px;
  line-height: 26px;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  #legacy .container #question-a-chosen p,
  #legacy .container #question-b-chosen p,
  #legacy .container #question-c-chosen p,
  #legacy .container #question-d-chosen p {
    font-size: 30px;
    line-height: 35px;
    margin-bottom: 30px;
  }
}
#legacy .container #question-a-chosen p .email-instruction,
#legacy .container #question-b-chosen p .email-instruction,
#legacy .container #question-c-chosen p .email-instruction,
#legacy .container #question-d-chosen p .email-instruction {
  color: #fff;
}
#legacy .container #question-build-up-video h3 {
  font-size: 36px;
}
#legacy #page-intro .button-container {
  display: flex;
  justify-content: center;
}
#legacy #page-intro #btsNextButton {
  display: block;
  border-radius: 0;
  font-size: 30px;
  border: 1px solid #fbd270;
}
#legacy .footer {
  text-align: center;
  color: #fff;
}

body.teardown {
  font-family: "league-gothic", sans-serif;
  background: url("/teardown-challenge/images/background_texture.jpg") repeat;
}
body.teardown h1,
body.teardown h2,
body.teardown h3,
body.teardown h4,
body.teardown h5,
body.teardown h6 {
  font-family: "alternate-gothic-no-3-d", sans-serif;
  font-style: normal;
  font-weight: 400;
  color: white;
  text-transform: uppercase;
  text-align: center;
  font-size: 21px;
  line-height: 22px;
}
body.teardown h1 span.bold-header,
body.teardown h2 span.bold-header,
body.teardown h3 span.bold-header,
body.teardown h4 span.bold-header,
body.teardown h5 span.bold-header,
body.teardown h6 span.bold-header {
  background-color: #ba602a;
  display: inline-block;
  padding: 8px 8px 2px 8px;
}
body.teardown h1 {
  font-size: 26px;
  line-height: 32px;
}
body.teardown ::-webkit-input-placeholder {
  text-align: center;
}
body.teardown :-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
}
body.teardown ::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
}
body.teardown :-ms-input-placeholder {
  text-align: center;
}
@media (max-width: 540px) {
  body.teardown .desktop-only {
    display: none;
  }
}
body.teardown .image-radio-choices-container,
body.teardown .image-radio-response-container {
  margin-left: -15px;
}
body.teardown .image-radio-response-container {
  position: relative;
}
body.teardown .responsive-spacer {
  visibility: hidden;
  width: 100%;
}
body.teardown .container {
  border: none;
  box-shadow: 0px -20px 65px 10px #000;
  color: white;
  margin: auto;
  padding: 15px;
  padding-bottom: 0px;
}
body.teardown .container .no-sush-thing {
  display: none !important;
}
body.teardown .container #question-not-found-ecig {
  display: block;
}
body.teardown .container .question-header {
  border: none;
}
body.teardown .container#page-sign-up-page,
body.teardown .container#page-video-page,
body.teardown .container#page-main-quiz,
body.teardown .container#page-intro {
  background-image: url('/teardown-challenge/images/intro_header.png');
  background-color: #130c08;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 100%;
}
body.teardown .container#page-sign-up-page #btsNextButton,
body.teardown .container#page-video-page #btsNextButton,
body.teardown .container#page-main-quiz #btsNextButton,
body.teardown .container#page-intro #btsNextButton {
  margin-top: 10px;
}
@media (max-width: 540px) {
  body.teardown .container#page-intro {
    background-image: url('/teardown-challenge/images/intro_header_mobile.png');
  }
}
body.teardown .container#page-intro #question-intro h1 {
  font-size: 22px;
  line-height: 24px;
  margin-top: 15px;
}
body.teardown .container#page-intro #question-intro h1 span.bold-header {
  margin-top: -1px;
}
body.teardown .container#page-intro .intro-header p {
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  margin: 20px auto;
  max-width: 480px;
}
body.teardown .container#page-intro #btsNextButton {
  margin-bottom: 30px;
}
@media (min-width: 540px) {
  body.teardown .container#page-intro #question-intro h1 {
    font-size: 32px;
    line-height: 38px;
    margin-top: 25px;
  }
  body.teardown .container#page-intro .intro-header p {
    font-size: 19px;
    line-height: 25px;
    margin-top: 40px;
  }
}
body.teardown .container#page-sign-up-page,
body.teardown .container#page-video-page,
body.teardown .container#page-main-quiz {
  background-image: url('/teardown-challenge/images/main-background.png');
}
body.teardown .container#page-sign-up-page .responsive-spacer,
body.teardown .container#page-video-page .responsive-spacer,
body.teardown .container#page-main-quiz .responsive-spacer {
  width: 68%;
}
body.teardown .container#page-sign-up-page #question-spacer,
body.teardown .container#page-video-page #question-spacer,
body.teardown .container#page-main-quiz #question-spacer {
  display: block;
}
@media (max-width: 540px) {
  body.teardown .container#page-sign-up-page,
  body.teardown .container#page-video-page,
  body.teardown .container#page-main-quiz {
    background-image: url('/teardown-challenge/images/main_header_mobile.png');
  }
  body.teardown .container#page-sign-up-page .responsive-spacer,
  body.teardown .container#page-video-page .responsive-spacer,
  body.teardown .container#page-main-quiz .responsive-spacer {
    width: 100%;
  }
}
body.teardown .container #question-nicotine-addictive .image-radio-body .image-radio-container,
body.teardown .container #question-heavy-metals .image-radio-body .image-radio-container,
body.teardown .container #question-clouds-safe .image-radio-body .image-radio-container {
  width: 50%;
}
body.teardown .container .results-container {
  display: none;
}
body.teardown .container #question-spacer,
body.teardown .container #question-sign-up,
body.teardown .container #question-flagship-video {
  display: block;
}
body.teardown .container #question-sign-up .email-body,
body.teardown .container #question-sign-up .results-body {
  text-align: center;
  line-height: 20px;
  max-width: 600px;
  margin: 10px auto;
  font-size: 18px;
}
@media (max-width: 540px) {
  body.teardown .container #question-sign-up .email-body,
  body.teardown .container #question-sign-up .results-body {
    font-size: 16px;
  }
}
body.teardown .container #question-sign-up .email-body {
  margin-top: -5px;
}
body.teardown .container #question-sign-up .results-image {
  max-width: 480px;
  margin: auto;
  display: block;
}
@media (max-width: 540px) {
  body.teardown .container #question-sign-up .results-image {
    max-width: 100%;
  }
}
body.teardown .container #video-flagship-video {
  width: 100%;
}
body.teardown .container .callout-text {
  color: #ba602a;
  text-transform: uppercase;
}
body.teardown .container .btn,
body.teardown .container button,
body.teardown .container #btsNextButton,
body.teardown .container .btn.btn-default {
  background-color: #ba602a;
  font-family: "alternate-gothic-no-3-d", sans-serif;
  text-transform: uppercase;
  border: none;
  padding: 16px 16px 12px 16px;
  border-radius: 0;
  margin: 0;
  font-size: 30px;
  line-height: 30px;
}
@media (max-width: 540px) {
  body.teardown .container .btn,
  body.teardown .container button,
  body.teardown .container #btsNextButton,
  body.teardown .container .btn.btn-default {
    font-size: 20px;
    line-height: 26px;
    padding: 10px 10px 6px 10px;
  }
}
body.teardown .container .button-container {
  padding: 0;
}
body.teardown .container .email-signup-form {
  width: 100%;
  margin: 0 -15px;
}
body.teardown .container .email-signup-form .share-play-again {
  display: none;
}
body.teardown .container .email-signup-form #play-again-button,
body.teardown .container .email-signup-form #share-on-facebook-button {
  float: left;
  width: 50%;
}
body.teardown .container .email-signup-form #play-again-button {
  background-color: #444;
}
body.teardown .container .email-signup-form #email-error {
  border-radius: 3px;
  margin: 3px 0px;
  background-color: #1f1f1f;
  color: #b9001c;
  border: 1px solid #b9001c;
}
body.teardown .container .email-signup-form #email-submitted {
  background-color: #ba602a;
}
body.teardown .container .email-signup-form .input-container,
body.teardown .container .email-signup-form .button-container {
  float: left;
}
body.teardown .container .email-signup-form .input-container {
  width: 65%;
}
body.teardown .container .email-signup-form .input-container #emailSubmission {
  width: 100%;
  padding: 5px;
  margin: 0;
  color: #444;
  height: 46px;
}
@media (min-width: 540px) {
  body.teardown .container .email-signup-form .input-container #emailSubmission {
    height: 50px;
  }
}
body.teardown .container .email-signup-form .button-container {
  width: 35%;
}
body.teardown .container .email-signup-form .button-container #submit-email {
  padding: 12px 0px 8px 0px;
  width: 100%;
  font-size: 20px;
}
body.teardown .container .image-radio-body .radio-image-image {
  width: 100%;
  max-width: 480px;
  margin: auto;
  display: block;
}
body.teardown .container .image-radio-body h3.image-radio-body,
body.teardown .container .image-radio-body .image-radio-body {
  position: static;
  text-transform: none;
  margin: 0;
  padding: 30px 65px;
  font-size: 26px;
}
@media (max-width: 540px) {
  body.teardown .container .image-radio-body h3.image-radio-body,
  body.teardown .container .image-radio-body .image-radio-body {
    font-size: 20px;
    padding: 30px 15px;
  }
}
body.teardown .container .image-radio-body .radio-image .image-radio-timer {
  background: transparent;
  border-bottom: 5px solid #01401d;
}
body.teardown .container .image-radio-body .radio-image .image-radio-response {
  font-family: "alternate-gothic-no-3-d", sans-serif;
  font-size: 24px;
  line-height: 30px;
  padding: 18px 60px;
  color: white;
}
@media (max-width: 540px) {
  body.teardown .container .image-radio-body .radio-image .image-radio-response {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 15px;
  }
}
body.teardown .container .image-radio-body .radio-image .image-radio-response.correct {
  background-color: #005827;
}
body.teardown .container .image-radio-body .radio-image .image-radio-response.incorrect {
  background-color: #770001;
}
body.teardown .container .image-radio-body .image-radio-container {
  border: 1px solid transparent;
}
body.teardown .container .image-radio-body .image-radio-container .radio-label {
  border: none;
  background-color: #ba602a;
  text-transform: uppercase;
  font-family: "alternate-gothic-no-3-d", sans-serif;
  font-size: 20px;
}
@media (max-width: 540px) {
  body.teardown .container .image-radio-body .image-radio-container .radio-label {
    font-size: 17px;
  }
}