@media only screen and (max-width:39.999em)

{

   #quizIcon  {

      width      : 5em;

   }

   #quizHolder {

      position   : inherit; 

      width      : 98%; 

      max-width  : 98%;

      min-width  : 98%;

      height     : 37em;

      min-height : 37em; 

      max-height : 37em;

   }

   

   #controlPanel {

      position    : inherit; 

      margin-top  : 2em;

      border-top  : 1px dotted gray;

      overflow    : hidden;

      

   }

   #pnlCongrats {

      position    : inherit; 

      margin-top  : 2em;

      height      : 10em;

      min-height  : 10em;

      max-height  : 10em;

      border-top  : 1px dotted gray;

   }

   

   .quizQuestion {

      position  : absolute; 

      float     : inherit;

      top       : 0em; 

      left      : 0em;

      width     : 100%;

   }

   

   .quizQuestions {

      height   : 22em;

      position : relative;

      width    : 100%;

   }

   

   #quizController {

      width     : 100%;

   }

   

   #startButton {

      display     : block;

      position    : absolute;

      bottom      : 1em;

      left        : 50%;

      margin-left : -2em;

      width       : 4em;

   }

   

      

   #helpButton {

      display     : block;

      position    : absolute;

      bottom      : 0em;

      left        : 1em;

      width       : 4em !important;

      min-width   : 4em !important;

      max-width   : 4em !important;

   }

   #scoresButton {

      display     : block;

      position    : absolute;

      bottom      : 1em;

      right       : 1em;

      width       : 4em;

   }

   .logoBase {

      display     : none;

   }

   #smallCopyright {

      display     : block;

      font-size   : 0.75em;

      font-weight : normal;

   }

   

      #theHelp {

       position         : absolute; 

       left             : 0em;

       top              : 2em;

       width            : 98%

       

   }

   #help {

       position         : absolute;

       top              : 3em; 

       left             : 0px;

       width            : 95%;

       background-color : white;

       left             : 1%;

       top              : 0em;

       padding-bottom   : 0.2em;

       padding-right    : 2%;

       padding-left     : 2%;

   }

   

   

   div#help h3 {

      font-weight       : bold; 

      font-size         : 1.2em;

      padding-bottom    : 0.5em;

   }

   div#help ul li {

      padding-bottom    : 0.5em;

   }

   #helpCloseIcon {

      display           : block;

      position          : relative; 

      height            : 4em; 

      margin-left       : auto; 

      margin-right      : auto;

      

   }

   .quizButton {

      width             : 4em    !important;

      margin-left       : -2.5em !important;

      left              : 50%;

   }

   

   .quizScores  table {

      width             : 100%;

      border            : 0px solid white !important;

   }

   .quizScores  table  tbody  tr  {

      border            : 0px solid white;

   }

   .quizScores  table  tbody  tr  td {

      display           : block;

      border            : 0px solid black !important;

      text-align        : center;

   }

   .quizScores  table  tbody  tr  td.person {

      background-color  : #536575;

      color             : white;

      padding           : 0.3em 0em 0.3em 0em;

   }

   .quizScores {

      top               : 2em;

   }

}