#program h2 {
    color: rgb(273, 179, 119);
    font-family: 'Palanquin Dark', sans-serif;
    font-size: 40px;
    margin-bottom: 2%;
    margin-top: 8%;
    text-align: center;
}

table a {
    transition: transform 3s;
}

table a:hover {
  transform: scale(1.08);
  color: rgb(273, 179, 119);;
}

  table {
    width: 120%;
    border-collapse: collapse;
    margin: 20px 0;
    border: 2px solid grey;
  }
  th, td {
    border: 1px solid #000;
    padding: 8px;
    padding-left: 22px;
    text-align: left;
    vertical-align: top;
  }

  td {
      border: 1px solid #858585;
      color: black;
      font-weight: 600;
  }

  #keynote_pic {
  height: 100px;
  border-radius: 50%;
  }

  #keynote_title {
  display: flex;
  flex-direction: row;
  }

  #keynote_name {
  padding-top: 3%;
  margin-left: 2%;
  }

  p {
  font-weight: 500;
  font-size: 13px;
  background-color: #f3f4f6;
  padding: 1%;
  margin-bottom: 0%;
  }


  th {
    background-color: #f3f4f6;
    font-size: 23px;
  }

    .col-date {
      width: 20%;
    }
    .col-time {
      width: 15%;
    }
    .col-event {
      width: 65%;
    }

    .btn-publication {
      font-weight: 500;
      font-size: 15px;
      letter-spacing: 1px;
      display: inline-block;
      padding: 3px 20px 3px 20px;
      margin: 10px 0 10px 0;
      border-radius: 4px;
      transition: 0.5s;
      color: #black;
      background: #d1d1d1;
    }
    .btn-publication:hover {
      font-size: 16px;
      background: rgb(273, 179, 119);
      transform: scale(1.08);
      opacity: 1;
    }

    .icon {
    font-size: 22px;
    }

@media (max-width: 1200px) {
    #program h2 {
        margin-top: 12%;
    }
}

@media (max-width: 764px) {
    #program h2 {
        margin-top: 70px;
    }
}