<ul class="check-list">
 	<li>Something Cool</li>
 	<li>Something Cooler</li>
 	<li>Something Wicked Cool</li>
</ul>
<style>
ul.check-list {
    list-style: none;
    margin-left: 30px;
}
ul.check-list li{
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 400;
    line-height: 22px;
}
ul.check-list li::before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 5px;
}
@media (min-width: 768px) and (max-width: 1024px){
   ul.check-list li{
       font-size: 16px;
   }
}

</style>