@font-face {
  font-style: normal;
  font-family: 'avenirblack';
  src: local("Avenir Black"), url("../common/assets/fonts/avenirblack.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-style: normal;
  font-family: 'avenirheavy';
  src: local("Avenir Heavy"), url("../common/assets/fonts/avenirheavy.otf") format("opentype");
  font-weight: normal;
}

@font-face {
  font-style: normal;
  font-family: 'avenirmedium';
  src: local("Avenir Medium"), url("../common/assets/fonts/avenirmedium.otf") format("opentype");
  font-weight: normal;
}

#full_body_touchstone_survey {
  margin: 0px;
}

#full_body_touchstone_survey .survey_h {
  display: none;
}

#full_body_touchstone_survey .survey-banner {
  display: none;
}

#full_body_touchstone_survey .active {
  display: block;
}

#full_body_touchstone_survey .inactive {
  display: none !important;
}

#full_body_touchstone_survey header {
  width: 100%;
  padding: 15px 0;
  top: 0;
  z-index: 999;
  align-content: center;
}

#full_body_touchstone_survey header .wrapper {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  max-width: 100%;
}

#full_body_touchstone_survey header span, #full_body_touchstone_survey header div, #full_body_touchstone_survey header a {
  margin: 0;
  padding: 0;
}

#full_body_touchstone_survey header .logo-anchor {
  margin-right: 15px;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#full_body_touchstone_survey header #logo {
  width: unset;
  height: unset;
}

#full_body_touchstone_survey header #logo img {
  max-width: 283px;
}

#full_body_touchstone_survey header #contact a {
  width: 100%;
  max-width: 175px;
}

#full_body_touchstone_survey header #contact a img {
  max-width: 225px;
}

#full_body_touchstone_survey .reg-footer .wrapper .copyright {
  display: none !important;
}

#full_body_touchstone_survey .reg-footer .wrapper .share {
  display: none !important;
}

#full_body_touchstone_survey .reg-footer .wrapper .googler {
  display: none !important;
}

#full_body_touchstone_survey #footer_spacer {
  display: none !important;
}

#full_body_touchstone_survey .btn.start, #full_body_touchstone_survey .btn.back, #full_body_touchstone_survey .btn.next, #full_body_touchstone_survey .btn.submit {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

#full_body_touchstone_survey .copy-content {
  opacity: 0;
  -webkit-transition: all 1s ease-in-out !important;
  transition: all 1s ease-in-out !important;
}

#full_body_touchstone_survey .copy-content.active {
  opacity: 1 !important;
}

#full_body_touchstone_survey #survey .content-container {
  opacity: 0;
  -webkit-transition: all 0.75s ease-in-out;
  transition: all 0.75s ease-in-out;
}

#full_body_touchstone_survey #survey .content-container.active {
  opacity: 1;
}

#full_body_touchstone_survey #survey .content-container .landing {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/Image-girl-drinking.jpg") top right/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/Image-girl-drinking.jpg") top right/140vh no-repeat;
  height: 100vh;
  box-sizing: border-box;
  width: 100%;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container {
  height: 100%;
  padding: 50px 0px 0px 15%;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container {
  -webkit-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
  -webkit-transition-delay: .5s;
          transition-delay: .5s;
  left: -500px;
  position: relative;
  opacity: 0;
  height: 80%;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container.active {
  left: 0;
  opacity: 1;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container h1 {
  color: #0075BB;
  width: 559px;
  font-family: avenirblack;
  text-transform: uppercase;
  font-size: 50px;
  margin: 0px;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container .factor-bar {
  width: 465px;
  margin-bottom: 10px;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container p {
  width: 427px;
  font-family: avenirheavy;
  font-size: 20px;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container a button {
  width: 144px;
  height: 49px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  padding-left: 10px;
  font-size: 20px;
  border: none;
  margin: 45px 0px 25px 0px;
  border-radius: 5px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  box-shadow: 3px 3px 1px 0px #0075BB;
  outline: none;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container a button:hover {
  cursor: pointer;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container a button:active {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container .survey-picture {
  display: none;
}

#full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container h5 {
  font-family: avenirheavy;
  font-size: 20px;
  color: #0075BB;
}

#full_body_touchstone_survey #survey .content-container .privacy {
  display: -webkit-box;
  display: flex;
  justify-content: space-around;
  margin: auto;
  margin: 0px 5px;
  margin-top: 20px;
}

#full_body_touchstone_survey #survey .content-container .privacy .privacy-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  max-width: 559px;
  height: .25rem;
  bottom: 0;
  font-size: 10px;
}

#full_body_touchstone_survey #survey .content-container .privacy .privacy-container p {
  margin: 0;
}

#full_body_touchstone_survey #survey .content-container .q1.question-content {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/man-blending.jpg") top right/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-blending.jpg") top right/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-blending.jpg") top right/140vh no-repeat;
  background-size: cover;
  opacity: 0;
}

#full_body_touchstone_survey #survey .content-container .q2.question-content {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/girl-writing.jpg") 40vw/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/girl-writing.jpg") 40vw/140vh no-repeat;
  zoom: 85%;
  opacity: 0;
  background-size: cover;
}

#full_body_touchstone_survey #survey .content-container .q2.question-content .parent-question-container {
  max-width: 713px !important;
}

#full_body_touchstone_survey #survey .content-container .q2.question-content .parent-question-container .question-container div {
  padding: 4px 16px 4px 14.5px;
}

#full_body_touchstone_survey #survey .content-container .q2.question-content h5 {
  font-size: 26px !important;
  margin: 25px 0px 15px 0px !important;
}

#full_body_touchstone_survey #survey .content-container .q2.question-content .question-container {
  font-size: 20px !important;
}

#full_body_touchstone_survey #survey .content-container .q3.question-content {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(70%, rgba(224, 243, 253, 0))), url("../img/girl-headache.jpg") 45vw/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 70%), url("../img/girl-headache.jpg") 45vw/140vh no-repeat;
  zoom: 90%;
  opacity: 0;
  height: 100vh;
}

#full_body_touchstone_survey #survey .content-container .q3.question-content .parent-question-container {
  zoom: 107%;
}

#full_body_touchstone_survey #survey .content-container .q3.question-content .parent-question-container .question-container div {
  padding: 4px 15px 4px 16.5px;
  font-size: 20px;
}

#full_body_touchstone_survey #survey .content-container .q4.question-content {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/Girl-Hurt.jpg") 25vw/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/Girl-Hurt.jpg") 25vw/140vh no-repeat;
  opacity: 0;
  background-size: cover;
}

#full_body_touchstone_survey #survey .content-container .q5.question-content {
  background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/man-headache.jpg") 25vw/140vh no-repeat;
  background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-headache.jpg") 25vw/140vh no-repeat;
  opacity: 0;
  background-size: cover;
  zoom: 85%;
}

#full_body_touchstone_survey #survey .content-container .q5.question-content .parent-question-container {
  zoom: 125%;
}

#full_body_touchstone_survey #survey .content-container .question-content {
  padding: 50px 0px 0px 2%;
  height: 110vh;
}

#full_body_touchstone_survey #survey .content-container .question-content .question-pictures {
  display: none;
}

#full_body_touchstone_survey #survey .content-container .question-content h1 {
  text-transform: uppercase;
  font-family: avenirblack;
  color: #0075BB;
  font-size: 50px;
  margin: 0px 0px 0px 29px;
  -webkit-transition: top 1s ease-in-out;
  transition: top 1s ease-in-out;
}

#full_body_touchstone_survey #survey .content-container .question-content .toxin-risk-header {
  position: relative;
  top: -300px;
}

#full_body_touchstone_survey #survey .content-container .question-content .toxin-risk-header.active {
  top: 0;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container {
  -webkit-transition: all .75s ease-in-out;
  transition: all .75s ease-in-out;
  max-width: 592px;
  -webkit-transition: left 1s ease-in-out;
  transition: left 1s ease-in-out;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container h5 {
  font-family: avenirheavy;
  font-size: 20px;
  color: #0075BB;
  margin: 15px 0px 15px 0px;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container .question-container {
  display: -webkit-box;
  display: flex;
  font-size: 18px;
  font-family: avenirheavy;
  width: 90%;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container .question-container div {
  font-family: avenirheavy;
  width: 96px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
          justify-content: center;
  height: 22px;
  padding: 4px 15px 4px 10.5px;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container .question-container div .btn.answer {
  font-family: avenirheavy;
}

#full_body_touchstone_survey #survey .content-container .question-content .parent-question-container .question-container .btn:hover {
  cursor: pointer;
}

#full_body_touchstone_survey #survey .content-container .question-content .btn {
  border-radius: 5px;
}

#full_body_touchstone_survey #survey .content-container .question-content .btn.active {
  padding: 4px 15px 4px 10.5px;
  cursor: pointer;
  color: white;
  width: 106px;
  height: 22px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  border-radius: 5px;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  box-shadow: 3px 3px 1px 0px #0075BB;
}

#full_body_touchstone_survey #survey .content-container .question-content .btn:hover {
  padding: 4px 15px 4px 10.5px;
  cursor: pointer;
  color: white;
  width: 106px;
  height: 22px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  border-radius: 5px;
  text-align: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  box-shadow: 3px 3px 1px 0px #0075BB;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  margin-left: 25px;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container p {
  font-family: avenirheavy;
  font-size: 24px;
  color: #0075BB;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container .submit-container button {
  width: 106px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  padding-left: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  margin: 0px 20px 0px 0px;
  border-radius: 5px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  box-shadow: 3px 3px 1px 0px #0075BB;
  text-transform: uppercase;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div {
  display: -webkit-box;
  display: flex;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div button {
  width: 106px;
  height: 49px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  padding-left: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  margin: 45px 20px 0px 0px;
  border-radius: 5px;
  -webkit-box-align: center;
          align-items: center;
  display: -webkit-box;
  display: flex;
  box-shadow: 3px 3px 1px 0px #0075BB;
  text-transform: uppercase;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div .btn.submit {
  width: 145px;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div .btn.back:hover {
  cursor: pointer;
  height: 49px;
  padding: 0px 0px 0px 0px !important;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div .btn.next:hover {
  cursor: pointer;
  height: 49px;
  padding: 0px;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div .btn.submit:hover {
  cursor: pointer;
  height: 49px;
  padding: 0px;
}

#full_body_touchstone_survey #survey .content-container .question-content .button-container div button:active {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

#full_body_touchstone_survey #survey #result-container .btn.order-url:active {
  -webkit-transform: translateY(4px);
          transform: translateY(4px);
}

#full_body_touchstone_survey #survey #result-container .result-product .copy-content {
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e0f3fd), color-stop(50%, rgba(224, 243, 253, 0)));
  background: linear-gradient(#e0f3fd 10%, rgba(224, 243, 253, 0) 50%);
}

#full_body_touchstone_survey #survey #result-container .result-product .copy-content.active {
  opacity: 1;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
  margin-bottom: 20px;
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper h1 {
  text-transform: uppercase;
  font-family: avenirblack;
  font-size: 50px;
  color: #0075BB;
  margin: 0;
  margin-bottom: 10px;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper #toxin-number {
  max-width: 738px;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper .active {
  display: block !important;
}

#full_body_touchstone_survey #survey #result-container .result-product h4 {
  font-family: avenirblack;
  font-size: 26px;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-header {
  max-width: 738px;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-header h2 {
  display: -webkit-box;
  display: flex;
  margin: 0;
  text-transform: uppercase;
  font-family: avenirmedium;
  font-size: 35px;
  -webkit-box-align: center;
          align-items: center;
  color: #0075BB;
  margin-bottom: 5px;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-header h2 .weight {
  margin: 0px 0px 0px 5px;
  font-weight: bolder;
  font-family: avenirblack;
}

#full_body_touchstone_survey #survey #result-container .result-product .result-header h6 {
  margin: 0;
  font-family: avenirheavy;
  font-size: 20px;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container {
  display: -webkit-box;
  display: flex;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container img {
  width: 448px;
  height: 448px;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div {
  max-width: 514px;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div h4 {
  text-transform: uppercase;
  color: #0075BB;
  font-size: 30px;
  margin: 0;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div .subtitle {
  margin: 0;
  color: #0075BB;
  font-size: 22px;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div p {
  font-family: avenirheavy;
  font-size: 16px;
  margin: 0;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div ul {
  height: 239px;
  padding-left: 25px;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: justify;
          justify-content: space-between;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div li {
  padding-left: 10px;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div h6 {
  font-family: avenirheavy;
  font-size: 16px;
  margin-left: 10px;
  margin: 0;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div .btn.order-url {
  width: 150px;
  height: 49px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  padding-left: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  margin: 45px 20px 0px 0px;
  border-radius: 5px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  text-decoration: none;
  box-shadow: 3px 3px 1px 0px #0075BB;
}

#full_body_touchstone_survey #survey #result-container .result-product .product-container div .btn.order-url h6 {
  font-size: 20px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products {
  -webkit-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  margin-top: 50px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products.active {
  opacity: 1;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .product-disclaimer {
  max-width: 735px;
  margin: auto;
  text-align: center;
  font-family: avenirmedium;
  font-size: 10px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-align: center;
          align-items: center;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper h2 {
  margin: auto;
  font-size: 26px;
  margin-bottom: 20px;
  font-family: avenirblack;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container img {
  width: 402px;
  height: 402px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  max-width: 513px;
  margin: 0px 0px 0px 41px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div h4 {
  font-family: avenirblack;
  text-transform: uppercase;
  color: #0075BB;
  font-size: 30px;
  margin: 0;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div .subtitle {
  font-family: avenirheavy;
  margin: 0;
  color: #0075BB;
  font-size: 22px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div p {
  font-family: avenirheavy;
  font-size: 16px;
  margin: 0;
  margin-top: 15px;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div .btn.order-url {
  width: 150px;
  height: 49px;
  background-color: #10C1F2;
  color: white;
  font-family: avenirheavy;
  padding-left: 10px;
  font-size: 20px;
  outline: none;
  border: none;
  margin: 45px 20px 0px 0px;
  border-radius: 5px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  text-decoration: none;
  box-shadow: 3px 3px 1px 0px #0075BB;
}

#full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div .btn.order-url h6 {
  font-size: 20px;
}

#full_body_touchstone_survey .page-error {
  max-width: 100%;
  margin: 0% auto;
  left: 0;
  right: 0;
  text-align: center;
  color: transparent;
  position: absolute;
  top: 75px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm {
  margin: 25px 0;
  margin-left: 25px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset {
  border: none;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset legend {
  display: none;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.survey_questions {
  display: none;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info {
  margin: 0px 6px;
  padding: 0;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info div.input {
  width: 100%;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info .contact-info-container div:first-of-type {
  max-width: 250px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info .contact-info-container div:nth-of-type(2) {
  max-width: 250px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info .contact-info-container div:nth-of-type(3) {
  max-width: 250px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info div.submit {
  display: none;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input {
  width: 100%;
  padding: 10px;
  color: grey;
  font-size: 20px;
  border: 1px solid lightgrey;
  border-radius: 5px;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input::-webkit-input-placeholder {
  color: #929292;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input::-moz-placeholder {
  color: #929292;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input::-ms-input-placeholder {
  color: #929292;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input::placeholder {
  color: #929292;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm fieldset.contact_info input:focus {
  outline: none;
}

#full_body_touchstone_survey form#SurveyAnswerAddForm.active {
  display: block;
}

@media (min-width: 2300px) {
  #full_body_touchstone_survey #survey .content-container .q3.question-content {
    background-size: cover;
  }
}

@media (max-width: 1350px) {
  #full_body_touchstone_survey #survey .content-container .q1.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/man-blending.jpg") 2vw / 174vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-blending.jpg") 2vw / 174vh no-repeat;
    zoom: 85%;
    background-size: cover;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    zoom: 85%;
    background-size: cover;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content .parent-question-container {
    max-width: 592px !important;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content .parent-question-container .question-container div {
    padding: 4px 13px 4px 14.5px;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content h5 {
    margin: 25px 0px 15px 0px !important;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content .question-container {
    font-size: 20px !important;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(45%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 45%, rgba(224, 243, 253, 0) 60%), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
    zoom: 90%;
    opacity: 0;
    background-size: cover;
    zoom: 85%;
  }
  #full_body_touchstone_survey #survey .content-container .q4.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/Girl-Hurt.jpg") 25vw / 162vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/Girl-Hurt.jpg") 25vw / 162vh no-repeat;
  }
  #full_body_touchstone_survey #survey .content-container .q5.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/man-headache.jpg") 25vw / 162vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-headache.jpg") 25vw / 162vh no-repeat;
  }
  #full_body_touchstone_survey #survey .content-container .landing {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("/img/Image-girl-drinking.jpg") 10vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("/img/Image-girl-drinking.jpg") 10vw / 140vh no-repeat;
  }
}

@media (max-width: 1054px) {
  #full_body_touchstone_survey #survey .content-container .q1.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(50%, #e0f3fd), color-stop(70%, rgba(224, 243, 253, 0))), url("../img/man-blending.jpg") -20vw / 174vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 50%, rgba(224, 243, 253, 0) 70%), url("../img/man-blending.jpg") -20vw / 174vh no-repeat;
    zoom: 85%;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    zoom: 85%;
    background-size: cover;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content .question-container {
    font-size: 16px !important;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content h5 {
    font-size: 18px !important;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(50%, #e0f3fd), color-stop(70%, rgba(224, 243, 253, 0))), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 50%, rgba(224, 243, 253, 0) 70%), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
    zoom: 85%;
    background-size: cover;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content .parent-question-container {
    zoom: 107%;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content h5 {
    font-size: 20px;
    margin: 25px 0px 15px 0px;
  }
  #full_body_touchstone_survey #survey .content-container .q4.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/Girl-Hurt.jpg") 15vw / 162vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/Girl-Hurt.jpg") 15vw / 162vh no-repeat;
    zoom: 85%;
  }
  #full_body_touchstone_survey #survey .content-container .q5.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("../img/man-headache.jpg") 25vw / 162vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("../img/man-headache.jpg") 25vw / 162vh no-repeat;
  }
  #full_body_touchstone_survey #survey .content-container .q5.question-content .parent-question-container {
    zoom: 110%;
  }
  #full_body_touchstone_survey #survey .content-container .landing {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(40%, #e0f3fd), color-stop(60%, rgba(224, 243, 253, 0))), url("/img/Image-girl-drinking.jpg") -5vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 40%, rgba(224, 243, 253, 0) 60%), url("/img/Image-girl-drinking.jpg") -5vw / 140vh no-repeat;
  }
  #full_body_touchstone_survey #survey .question-content {
    padding: 50px 0px 0px 25px !important;
  }
  #full_body_touchstone_survey #survey .question-content h5 {
    font-size: 18px !important;
  }
  #full_body_touchstone_survey #survey .question-content .question-container {
    font-size: 14px !important;
    margin-left: 0px !important;
  }
  #full_body_touchstone_survey #survey .landing-container {
    padding: 50px 0px 0px 25px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #e0f3fd), color-stop(35%, rgba(224, 243, 253, 0)));
    background: linear-gradient(#e0f3fd 10%, rgba(224, 243, 253, 0) 35%);
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-banner .wrapper {
    margin: 0px 20px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-banner .wrapper h1 {
    font-size: 35px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-banner .wrapper #toxin-number {
    margin: auto;
    width: 80%;
    margin-bottom: 20px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .product-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    margin: 0px 10px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .product-container ul {
    margin-bottom: 30px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .product-container .btn.order-url {
    margin: auto !important;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container div {
    margin: 0px;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products div p {
    margin-bottom: 15px !important;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products div .btn.order-url {
    margin: auto !important;
    margin-bottom: 35px !important;
  }
}

@media (max-width: 900px) {
  #full_body_touchstone_survey #survey .content-container .q3.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(60%, #e0f3fd), color-stop(70%, rgba(224, 243, 253, 0))), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 60%, rgba(224, 243, 253, 0) 70%), url("../img/girl-headache.jpg") 45vw / 140vh no-repeat;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container h1 {
    width: 380px;
    font-size: 35px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container .factor-bar {
    max-width: 332px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container p {
    font-size: 16px;
    max-width: 332px;
  }
  #full_body_touchstone_survey #survey .content-container .privacy .privacy-container {
    font-size: 8px;
    height: 0rem;
  }
  #full_body_touchstone_survey #survey .landing-container {
    padding: 50px 0px 0px 25px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content h4 {
    text-align: center;
    margin: 25px 10px;
    font-size: 20px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .result-header {
    margin: 0px 10px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .result-header h2 {
    font-size: 26px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .result-header h6 {
    font-size: 16px !important;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products .product-disclaimer {
    max-width: 333px;
  }
}

@media (max-width: 850px) {
  #full_body_touchstone_survey #survey .content-container .q1.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(57%, #e0f3fd), color-stop(80%, rgba(224, 243, 253, 0))), url("../img/man-blending.jpg") -30vw / 174vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 57%, rgba(224, 243, 253, 0) 80%), url("../img/man-blending.jpg") -30vw / 174vh no-repeat;
    zoom: 80%;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content {
    background: -webkit-gradient(linear, left bottom, left top, from(white), color-stop(40%, rgba(255, 255, 255, 0))), -webkit-gradient(linear, left top, right top, color-stop(55%, #e0f3fd), color-stop(80%, rgba(224, 243, 253, 0))), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 40%), linear-gradient(90deg, #e0f3fd 55%, rgba(224, 243, 253, 0) 80%), url("../img/girl-writing.jpg") 45vw / 140vh no-repeat;
    zoom: 85%;
    background-size: cover;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content .parent-question-container {
    zoom: 90%;
  }
  #full_body_touchstone_survey #survey .content-container .q5.question-content .parent-question-container {
    zoom: 100%;
  }
}

@media (max-width: 743px) {
  #full_body_touchstone_survey #survey .content-container .landing {
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    background: none;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container {
    padding: 50px 0px 0px 0px !important;
    background: #E0F3FD;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .btn.start button {
    margin: 0px !important;
  }
  #full_body_touchstone_survey #survey .content-container .landing .survey-picture {
    display: inherit !important;
    max-width: 100% !important;
    margin: auto;
  }
  #full_body_touchstone_survey #survey .content-container .landing .text-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
}

@media (max-width: 700px) {
  #full_body_touchstone_survey {
    position: initial !important;
  }
  #full_body_touchstone_survey .page-error {
    background: transparent;
    max-width: 100%;
    padding: 10px;
    top: 60px;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content h5 {
    margin: 15px 0px 15px 0px;
  }
  #full_body_touchstone_survey #survey .content-container .q3.question-content .parent-question-container {
    zoom: 100%;
  }
  #full_body_touchstone_survey #survey .content-container .q2.question-content h5 {
    font-size: 16px !important;
  }
  #full_body_touchstone_survey #survey .parent-question-container {
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
    align-content: center;
  }
  #full_body_touchstone_survey #survey .question-content {
    background: #E0F3FD !important;
    padding: 0px 0px 50px 0px !important;
    height: 100% !important;
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content .q1.question-content {
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content .q2.question-content {
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content .q3.question-content {
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content .q4.question-content {
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content .q5.question-content {
    zoom: 100% !important;
  }
  #full_body_touchstone_survey #survey .question-content h1 {
    font-size: 35px !important;
    text-align: center;
    margin: 0px 10px !important;
  }
  #full_body_touchstone_survey #survey .question-content h5 {
    font-size: 16px !important;
  }
  #full_body_touchstone_survey #survey .question-content .question-container div {
    max-width: 329px;
    font-size: 14px !important;
  }
  #full_body_touchstone_survey #survey .question-content .question-pictures {
    display: inherit !important;
    max-width: 100% !important;
    margin: auto;
  }
  #full_body_touchstone_survey #survey .question-content .button-container {
    -webkit-box-align: center;
            align-items: center;
    margin-left: 0px;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container img {
    width: 273px;
    height: 273px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-header h2 {
    font-size: 24px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .product-container img {
    width: 273px;
    height: 273px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-banner .wrapper {
    margin: 0px 10px;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
  #full_body_touchstone_survey form#SurveyAnswerAddForm {
    margin-left: 0;
  }
}

@media (max-width: 600px) {
  #full_body_touchstone_survey header #logo img {
    max-width: 150px;
  }
  #full_body_touchstone_survey #contact a img {
    max-width: 150px !important;
  }
  #full_body_touchstone_survey #survey .content-container .landing {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    background: none;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container {
    background: #E0F3FD;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    -webkit-box-align: center;
            align-items: center;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container h1 {
    margin-left: 5px;
    max-width: 320px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container .factor-bar {
    margin-left: 5px;
    width: 300px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container p {
    margin-left: 5px;
    max-width: 300px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container .survey-picture {
    display: inherit !important;
    max-width: 100% !important;
    margin: auto;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container a button {
    margin: 10px 0px 0px 10px;
    width: 100px;
    height: 30px;
    font-size: 14px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .landing-container .text-container h5 {
    margin: 15px 0px 15px 10px;
    font-size: 15px;
  }
  #full_body_touchstone_survey #survey .content-container .landing .privacy .privacy-container {
    max-width: 332px;
  }
  #full_body_touchstone_survey #survey .landing-container {
    padding: 50px 0px 0px 0px !important;
  }
}

@media (max-width: 550px) {
  #full_body_touchstone_survey #survey .content-container .q4.question-content .button-container {
    margin-bottom: 30px;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container {
    padding: 5px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper h1 {
    margin-left: 10px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .btn.btn.order-url {
    margin-top: 60px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .product-container h4 {
    text-align: left;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content h4 {
    text-align: center;
  }
  #full_body_touchstone_survey #survey .parent-question-container {
    padding-left: 5px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
  #full_body_touchstone_survey #survey .question-content .button-container div button {
    padding-left: 9px !important;
    font-size: 14px !important;
    width: 80px !important;
    -webkit-box-pack: center;
            justify-content: center;
    height: 34px !important;
  }
  #full_body_touchstone_survey #survey .question-content .button-container .submit-container .btn.submit {
    font-size: 18px !important;
    width: 145px !important;
    height: 49px !important;
  }
  #full_body_touchstone_survey #survey .question-content .button-container .submit-container .btn.back {
    font-size: 18px !important;
    width: 100px !important;
    height: 49px !important;
  }
  #full_body_touchstone_survey #survey .question-content h1 {
    margin-left: 10px !important;
    max-width: 329px;
    text-align: left;
  }
  #full_body_touchstone_survey #survey .question-content .question-container div {
    padding: 4px 5px !important;
  }
  #full_body_touchstone_survey #survey .question-content .button-container {
    margin-left: 10px;
    -webkit-box-align: inherit;
            align-items: inherit;
  }
}

@media (max-width: 400px) {
  #full_body_touchstone_survey #survey .content-container .q5.question-content .btn.back {
    font-size: 18px !important;
    width: 100px !important;
  }
  #full_body_touchstone_survey #survey .question-content .button-container .submit-container .btn.submit {
    font-size: 18px !important;
  }
  #full_body_touchstone_survey #survey .question-content .question-container {
    width: 100% !important;
  }
  #full_body_touchstone_survey #survey #result-container .suggested-products .wrapper .addition-product-container {
    padding: 8px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .result-banner .wrapper h1 {
    margin-left: 10px;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .btn.btn.order-url {
    margin-top: 60px !important;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content h4 {
    text-align: left;
  }
  #full_body_touchstone_survey #survey #result-container .result-product .copy-content .result-banner .wrapper #toxin-number {
    width: 332px !important;
  }
}