div {
  overflow-x:auto;
}
table, th, td {
   border: 2px solid black;
}

th, td{
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

table{
  border-collapse: collapse;
}

th{
  background-color: #EB2933;
  color: white;
  text-align: center;
}

td{
  width: 300px;
}

td.picture{
  text-align: center;
}

a:link, a:visited {
  text-decoration: none;
  color:#FF6600;
}

a:hover, a:active {
  text-decoration: none;
  color: #00ff99;
}

.img{
  width: 100%;
}

@media only screen and (max-device-width : 768px) {
  .img{
    width: 80%;
  }

  th{
    background-color: #4641D9;
    color: white;
    text-align: center;
    width: 70px;
  }

  td{
    width: 230px;
  }
}

@media (max-width : 768px) {
  .img{
    width: 80%;
  }

  th{
    background-color: #4641D9;
    color: white;
    text-align: center;
    width: 70px;
  }

  td{
    width: 230px;
  }
}