.col-container {
  display: table;
  width: 100%;
  text-align: left;
}
.col {
  display: table-cell;
  background-color: #333;
  width: 33.33%;
    }
.indentcol
{
  padding-left: 12%;
}
.coltopgap
{
  position: absolute;
  top: 20%;
}
.col p
{
  color:#FF6F61;
}
.col a:link
{
  color: #FF6F61;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.col a:visited
{
  color: #FF6F61;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.col a:hover
{
  color: #FF6F61;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: underline;
}
@media only screen and (max-width: 600px) 
{
  .col { 
    display: block;
    width: 100%;
   
  }
  .coltopgap
  {
    position: relative;
  }
  .indentcol
{
  padding-left: 0px;
}
 
}