@media screen and (max-width:767px) {
    #navigator-container {
        width: 100%;
        padding-bottom: 1em;
        margin: 0 auto;
    }

    button#ls-button-previous,button#ls-button-submit {
      border-radius: 28px;
      width: 90%;
    }

    body {
      font-size:18px;
      background: #F7F7F7;
      /*background-image: radial-gradient(#F0F0F0 30%, transparent 0),*/
      /*  radial-gradient(#F0F0F0 30%, transparent 0);*/
      background-size: 30px 30px;
      background-position: 0 0, 15px 15px;
    }

    body .top-container {
      margin: 0;
      position: fixed;
      z-index: 10000;
      width: calc(100%);
    }

    .survey-description {
      text-align: left;
    }

    .surq-question-title {
      display: inline-block;
      font-size: 22px;
      color: black;
      text-align: left;
      margin-bottom: 10px;
    }

    .surq-question-body {
      padding: 15px;
      color: black;
      text-align: left;
      background-color: white;
      border: 2px solid #E2E2E2;
      border-radius: 6px;
    }

    .surq-title-trail {
      width: 90%;
      height: 10px;
      background-color: #BEE2FF;
      margin-top: -10px;
      border-radius: 10px;
    }

    .question-container {
      margin-right: 0px;
      margin-left: 0px;
    }
    #welcome-container .survey-name{
        display:none;
    }
    h1, .h3 {
        font-size: 22px;
    }
    .ls-question-help, .ls-questionhelp {
        font-size: 18px;
    }
    .group-title{
        display:none;
    }

  }