#skills {
    border: 2px solid darkgray;
    padding: 6px;
}

#skills ul {
    column-count: 4;
    /* column-fill: balance;
    column-width: 350px; */
    width: 100%;
}

#experience .years {
  text-align: right;
}

@media only screen and (max-width: 500px) {
  #skills ul {
    column-count: 1;
  }
}
@media only screen and (min-width: 501px) and (max-width: 700px) {
  #skills ul {
    column-count: 2;
  }
}
@media only screen and (min-width: 701px) and (max-width: 800px) {
  #skills ul {
    column-count: 3;
  }
}

@media only screen and (max-width: 730px) {
  #experience tr {
    display: block;
    padding-bottom: 15px;
  }
  #experience td {
    display: block;
  }
  #experience .years {
    text-align: left;
  }
  #education {
    margin-top: 10px;
    margin-bottom: 0px;
  }
}