#main ul li a {
  display: block;
  color: #08367a;
  transition: .2s;
}
#main ul li a:hover {
  background: #ebeff2;
}
#main div > ul > li ~ li {
  margin-top: 30px;
}
#main div > ul > li > a {
  font-size: 2rem;
  font-weight: 700;
  padding-left: .5em;
  padding-bottom: .2em;
  border: 1px solid #5888b7;
  border-left: 5px solid #5888b7;
}
#main div > ul > li > a:hover {
  color: #fff;
  background: #08367a;
  border-color: #08367a;
}
#main div > ul > li ul li a {
  padding: 1em;
}
#main div > ul > li ul li a {
  border-bottom: 1px dotted #ccc;
}
@media (max-width:768px) {
  #main .layout-col-2 > * {
    width: 100%;
  }
  #main .layout-col-2 > * ~ * {
    margin-top: 30px;
  }
}