@font-face {
    font-family: "Material Design Icons";
    src: url("../fonts/materialdesignicons-webfont.woff2?v=7.4.47") format("woff2"),
        url("../fonts/materialdesignicons-webfont.woff?v=7.4.47") format("woff");
    font-weight: normal;
    font-style: normal;
}

.mdi::before,
.mdi-set {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    line-height: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mdi-account-cog::before {
    content: "\F1370";
}

.mdi-logout::before {
    content: "\F0343";
}

.mdi-cart::before {
    content: "\F0110";
}

.mdi-facebook::before {
    content: "\F020C";
}

.mdi-instagram::before {
    content: "\F02FE";
}

.mdi-email::before {
    content: "\F01EE";
}

.mdi-email-newsletter::before {
    content: "\F0FB1";
}