.paragraph{
  color: #000;
  font-family: Verdana;
  font-size: 16px;
  text-align: justify;
}    
@media screen and (max-width:  520px){
.paragraph{
  color: #000;
  font-family: Verdana;
  font-size: 12px; 
  text-align: justify;
}
}  
       table{
        border-collapse: collapse;
        width: 100%;
        border-collapse:collapse;
        border-spacing:0
        width:100%;
        font-size:100%;
        box-shadow: 6px 6px 5px #999; 
        -webkit-box-shadow: 6px 6px 5px #999;
        -moz-box-shadow: 6px 6px 5px #999;
      }
      table th{
        color:yellow;
        padding:8px 7px;
        text-align:left;
        font-size: 16px;
        background: maroon;
      }
      table td{
        color:#000000;
        padding:5px 7px;
        font-size: 16px;
      }
      table th,table td{
        vertical-align:top;
        border:1.5px solid green;
        font-size: 16px;
      }
      table.description th{
        width:150px;
        padding:7px;
        vertical-align: middle;
        font-size: 16px;
      }
      table.no-wrap tr td:first-child{
        white-space:nowrap;
      }
      th, td {
        text-align: left;
        padding: 8px;
        font-size: 16px;
      }
      tr:nth-child(even) {
        background-color: #eeeeee;
      }
      tr:nth-child(odd) {
        background-color: #ffffff;
      }
      .td-left-style{
        font-weight: bolder;
        font-size: 16px;
      }
      @media screen and (max-width: 800px) {
        table a{
          min-width:480px;
        }
        table.data pre{
          display:inline;
          white-space:normal;
        }
        table tr th,table tr td{
          font-size: 12px;
          width:auto!important;
        }        
      }
      .sql-data-type-img{
      	width: 85%;
      	height: 350px;
      }
      @media screen and (max-width:  520px){
      	.sql-data-type-img{
      	width: 100%;
      	height: 350px;
      }
      }