* {
  box-sizing: border-box;
}
table
 {
  border-spacing: 10px;
 }
.columncontent {
  display: table-cell;
  width: 33.33%;
  padding: 10px 10px;
  background-color: antiquewhite; 
 
}

.coltwo
{
  display: table-cell;
  width: 50%;
  padding: 10px 10px;
  background-color: antiquewhite; 
  position: relative;
}

.colunique
{

  display: table-cell;
  width: 100%;
  padding: 10px 10px;
  background-color: antiquewhite; 
  position: relative;
}
/* Clear floats after the columns */
.rowcontent
{
  display: table;
  margin-bottom: 2%;
}
.rowcontent:after {
  content: "";
  display: table;
  clear: both;
  width: 100%;
  
}

.tablecontent table {
  border-collapse: collapse;
  width: 100%;
}

.tablecontent th, td {
  text-align: left;
  padding: 8px;
  
}

.tablecontent tr:nth-child(even){background-color: #f2f2f2}

 .tablecontent th {
  background-color: #04AA6D;
  color: white;
}
.tablecontent
{
  background-color:antiquewhite;
}

.tablecontent tr:hover {background-color: coral;}

.inposition
{
   position: absolute;
   top:50px;
}
.para
  {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    line-height: 1.6;
  }

  .contentheading
  {
    padding: 10px 10px;
    text-align: center;
    color:blue;
  }
@media screen and (max-width: 600px) 
{
    .columncontent, .coltwo, .colunique
    {
      width: 100%;
      display: block;
    }
    
 
  .para
  {
    text-align: justify;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    line-height: 1.6;
  }
  .contentheading
  {
    padding: 10px 10px;
    text-align: center;
    color:blue;
  }
  .inposition
  {
     position: relative;
     margin-bottom: 36px;
  }
}