.red {
    color: red !important
}

.center {
    text-align: center !important
}

.img-float {
    width: 300px;
    float: left;
    margin-right: 15px
}

.img-center {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 450px
}

.important {
    border: 3px solid red;
    color: red;
    padding: 10px;
    background-color: #ffff82
}

.comment--secondary {
    padding-left: 20px !important
}

ul:not(.menu-ul) {
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 20px
}

ul:not(.menu-ul) li {
    list-style: disc;
     margin-right: 6px;
}

ul.list-dialog li {
    list-style-type: "- "
}

.old-discount {
    color: grey !important;
    position: relative
}

.old-discount:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: red;
    position: absolute;
    left: 0;
    top: 50%
}

@media screen and (max-width:500px) {
    .img-float {
        float: none;
        margin-right: 0;
        width: 100%
    }
}