ul {
    list-style: none;
}

.col-md ul li {
    position: relative;
    padding-left: 1.5em;  /* space to preserve indentation on wrap */
}

.col-md ul li:before {
    content: '';  /* placeholder for the SVG */
    position: absolute;
    left: 0;  /* place the SVG at the start of the padding */
    width: 1em;
    height: 1em;
    background: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg width='18' height='18' viewBox='0 0 1792 1792' xmlns='http://www.w3.org/2000/svg'><path d='M1671 566q0 40-28 68l-724 724-136 136q-28 28-68 28t-68-28l-136-136-362-362q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 295 656-657q28-28 68-28t68 28l136 136q28 28 28 68z'/></svg>") no-repeat;
}

p {
    font-size: 18px;
}

span.price {
    float: right;
    color: grey;
}

span.discount {
    float: right;
    color: red;
}

.btn {
    font-size: 28px;
}

#footer ul li {
    list-style: none;
    display: inline;
    margin: 0 15px 0 0;
}

@media (max-width:767px) {
    h1.display-4 {
        font-size: 42px;
    }

    h2.display-4,
    h2.display-5,
    h4.display-4 {
        font-size: 32px;
    }

    h3.display-5 {
        font-size: 28px;
    }

    p.lead {
        font-size: 20px;
    }

    p {
        font-size: 18px;
    }

    img {
        width: 60%;
    }

    .btn {
        font-size: 22px;
    }
}

@media (max-width:575px) {
    h1.display-4 {
        font-size: 28px;
    }

    h2.display-4,
    h2.display-5,
    h4.display-4 {
        font-size: 24px;
    }

    h3.display-5 {
        font-size: 22px;
    }

    p.lead {
        font-size: 18px;
    }

    p {
        font-size: 18px;
    }

    img {
        width: 60%;
    }

    .btn {
        font-size: 18px;
    }

}