@media only screen and (min-width:40em)
{
   #quizHolder {
       border       : 0px dotted orange; 
       width        : 25em; 
       position     : absolute;
       left         : 15.8em;
   }
   
   #quizList {
       border       : 0px dotted orange; 
       width        : 25em; 
       position     : absolute;
       left         : 15.8em;
       top          : 6em;
   }
   
   #quizList a {
       display      : inline;
   }
   
   .logoBase {
      position : absolute; 
      top      : 835px; 
      left     : 0.2em;
   }
   #theHelp {
      position          : absolute;
      display           : none;
      z-index           : 25000000;
   }
   #help {
       position         : absolute;
       width            : 30em;
       padding          : 3em 3em 2em 3em;
       margin-left      : 0px;
       background-color : white;
       border           : 1px solid black;
       left             : 2.5em;
       top              : 5em
   }
   
   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;
      top               : 0.6em;
   }
   
   .quizScores {
      display           : block;
      width             : 365px;
      left              : 253px;
      top               : 7em;
      padding           : 1em 1em 1.7em 1em;
      display           : none;
      box-shadow        : 5px 5px 2px #CCC;
   }
   #scoresButton {
      display           : block;
      margin-left       : auto;
      margin-right      : auto;
      margin-bottom     : 1em;
   }
   .nextLine {
      display           : block;
   }
   .quizScores table {
      width             : 100%;
   }
}