.title{
  margin-left:20%;
  width:60%;
  height:auto;
}

.title p{
  line-height:2.0;
  font-family: 'Thasadith', sans-serif;
}

span{
  font-family: 'Thasadith', sans-serif;
  font-weight:bold;
  text-align:center;
  line-height:1.6;
  display:block;
}

span a{
  text-decoration:none;
  color:#000;
}

 .desktop-content table{
   height:auto;
   margin-top:5%;
   margin-left:20%;
   width:60%;
   text-align:center;
   border-left:1px solid #000;
   border-right:1px solid #000;
   font-family: 'Thasadith', sans-serif;
   font-size:18px;
   background:linear-gradient(rgba(0,0,0,0.5) , rgba(0,0,0,0.5)),url('../images/background.jpg');
   background-attachment:fixed;
 }

 .desktop-content th{
   background: #000;
   line-height:2.0;
   color: #fff;
 }

 .desktop-content td{
   font-weight:lighter;
   font-size:17px;
   line-height:2.5;
   color:#fff;
 }

 .desktop-content p{
   color:#000;
   margin-top:5%;
   margin-bottom:5%;
   font-weight:bold;
   font-family: 'Thasadith', sans-serif;
   font-size:32px;
   text-align:center;
 }

 @media only screen and (max-width:850px){

 .mobile-content table{
   height:auto;
   margin-top:5%;
   margin-left:5%;
   width:90%;
   text-align:center;
   font-family: 'Thasadith', sans-serif;
   font-size:15px;
   background:url('../images/background.jpg');
   background-attachment:fixed;
 }

 .mobile-content th{
   font-size:12px;
   background: #000;
   line-height:2.0;
   color: #fff;
 }

 .mobile-content td{
   font-size:14px;
   line-height:2.0;
   color:#fff;
 }

.mobile-content p{
   color:#000;
   margin-top:5%;
   margin-bottom:5%;
   font-weight:bold;
   font-family: 'Thasadith', sans-serif;
   font-size:21px;
   text-align:center;
 }

.mobile-content p:nth-child(1){
  margin-top:10%;
}

 .title{
   text-align:center;
   margin-top:0%;
   margin-left:5%;
   width:90%;
 }

 .mobile-content td a{
   color:#808080;
   font-size:10px;
   text-decoration:none;
 }
 }