/* ===================
2-column UL list
======================*/
ul.resource-list-2 {
  margin:0;
  padding:0;
  list-style:none;
  max-width:100%;
  display:block;
}
ul.resource-list-2 li {
  width:40%;
  display:inline-block;
  margin:0 1% 3em;
  vertical-align:top;
}
ul.resource-list-2 li h5 {
  margin:15px auto 0;
  font-weight:400;
  line-height:1.3em;
}
ul.resource-list-2 li p {
  padding-top:5px;
  margin-top:5px;
  font-size:0.8em;
  line-height:1.2em;
  border-top:1px dotted rgba(0,0,0,0.5);
}

/* ===================
3-column UL list
======================*/
ul.resource-list-3 {
  margin:0;
  padding:0;
  list-style:none;
  max-width:100%;
  display:block;
}
ul.resource-list-3 li {
  width:30%;
  display:inline-block;
  margin:0 1% 3em;
  vertical-align:top;
}
ul.resource-list-3 li h5 {
  margin:15px auto 0;
  font-weight:400;
  line-height:1.3em;
}
ul.resource-list-3 li p {
  padding-top:5px;
  margin-top:5px;
  font-size:0.8em;
  line-height:1.2em;
  border-top:1px dotted rgba(0,0,0,0.5);
}

/* ===================
4-column UL list
======================*/
ul.resource-list-4 {
  margin:0;
  padding:0;
  list-style:none;
  max-width:100%;
  display:block;
}
ul.resource-list-4 li {
  width:22%;
  display:inline-block;
  margin:0 1% 3em;
  vertical-align:top;
}
ul.resource-list-4 li h5 {
  margin:15px auto 0;
  font-weight:400;
  line-height:1.3em;
}
ul.resource-list-4 li p {
  padding-top:5px;
  margin-top:5px;
  font-size:0.8em;
  line-height:1.2em;
  border-top:1px dotted rgba(0,0,0,0.5);
}

/* ===================
5-column UL list
======================*/
ul.resource-list-5 {
  margin:0;
  padding:0;
  list-style:none;
  max-width:100%;
  display:block;
}
ul.resource-list-5 li {
  width:17%;
  display:inline-block;
  margin:0 1% 3em;
  vertical-align:top;
}
ul.resource-list-5 li h5 {
  margin:15px auto 0;
  font-weight:400;
  line-height:1.3em;
}
ul.resource-list-5 li p {
  padding-top:5px;
  margin-top:5px;
  font-size:0.8em;
  line-height:1.2em;
  border-top:1px dotted rgba(0,0,0,0.5);
}

/* ===================
Responsive
======================*/

@media (max-width: 767px){
    ul.resource-list-2 li, ul.resource-list-4 li, ul.resource-list-5 li {
        width:45%;
        margin:0 2.2% 3em;
    }
}
@media (max-width: 480px){
    ul.resource-list-2 li, ul.resource-list-3 li, ul.resource-list-4 li, ul.resource-list-5 li {
        width:100%;
        margin:0 auto 3em;
    }
}