
body  {
  font:Lucida Bright, serif;
  padding:0px;
  margin:0px;
  min-height: 100%;
  background: linear-gradient( #ffff64, #00AB00 ) fixed no-repeat;
  }
  h2{margin-left: 1px;margin-right: 1px;}}
  h3{margin-left: 3px;margin-right: 3px;}
  h4{margin-left: 5px;}
  p {margin-left:30px; margin-right:30px; }

  ul {margin-left:40px;margin-right:30px;}
  .level {margin-left:50px;}

#mainDiv   {
    background-color: #FFF49f;
    border: 1px solid black;
    padding-top: 5px;
    padding-right: 3%;
    padding-left: 3%;
    width: 80%;
    margin-right: auto; margin-left: auto;
    box-shadow: 8px 8px 3px	#274E13;
  }

  #docDiv{
    border: 1px solid black;
    width: 700px;
    margin-right: auto; margin-left: auto;
    padding-right: 20px;
    padding-left: 20px;
  }

  #innerForm
  {
    margin-left: 25px;
    margin-right: 25px;
  }

  #Onhold {
      background-color: yellow;
     font-weight: bold;
      }

  #Title {
    text-align: center;
    background-image: radial-gradient( #FFFF5F 45% , #FF9300, #FF5B36 );
    box-shadow: 3px 5px 5px #888888;
    border-radius: 8px;
    padding:15px;}

    ul{padding-left:25px}

  .center{
      text-align:center;}
  .hyde{
      display: none;  }

  .tab {
      margin-left: 20px; }

  .thick {
      font-weight: bold;}

  .textWrapLeft {
      float:left; margin: 10px;}

  .textWrapRight {
      float:right; margin: 10px;}

  .frequentQuestions{
      text-align:center;
      background-color:rgba(0, 128, 0, 0);
      background-image:
      linear-gradient(to right, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.2), rgba(0, 128, 0, 0));
      padding-top: 3px;
      padding-bottom:3px;
    }

    .divVideos{
        border: 0px ;
        width: 100%;
        display: block;
        margin: 0 auto;
      }

    video{
			display: block;
      margin-left: auto;
      margin-right:auto;
  	 /** max-   **/
      height:500px !important;
  		/**width: 100%    !important;
   		height: auto   !important;
      **/
			object-fit: contain;
  		max-width: auto;
    }

  p.question {
    font-weight: bold; font-style: italic; }

  p.answer {
    text-indent: 35px;}
/**
  h4.normal  {
    font-weight: normal;}

  h4.bold  {
    font-weight: bold;}

  hr {
    border: 0; height:6px; background-image:
    linear-gradient(to right, rgba(0, 128, 0, 0), rgba(0, 128, 0, 0.8), rgba(0, 128, 0, 0))
    }
**/

@media screen and (max-width: 480px)
{
  * {
    padding:0;
    margin:0 auto;
    }

  body{
    width:100%;
    box-sizing: border-box;
    padding:0px;
    margin:0px auto;
    }

  video{
    display: block;
    margin-left: auto;
    margin-right:auto;
    max-height: height:500px !important;
    width:auto;
    object-fit: contain;
    padding-left:0px;
    }

  #mainDiv {
    box-sizing: border-box;
    width:100%;
    background-color: #FFF49f;
    padding-top: 5px;
    padding-right: 4%;
    padding-left: 4%;
    margin-right: auto;
    margin-left: auto;
    }
}
