/* fonts */
@font-face {
    font-family: 'LatoBold';
    src: url('../fonts/LatoBold-Latin.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/LatoRegular-Latin.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* reset */
*,
*::after,
*::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}


#product-page {
    /* colors */
    --black: #000;
    --white: #FFF;
    --light: #F8F8F8;
    --dark: #393838;
    /*fonts*/
    --heading: "LatoBold", Arial, sans-serif;
    --text: "Lato", Arial, sans-serif;
    font-size: 19.2px;
    font-family: var(--text);
    font-weight: 400;

    color: var(--dark)
}

#product-page .heading {
    font-family: var(--heading);
}

#product-page .text {
    font-family: var(--text);
}

#product-page .bg-light {
    background-color: var(--light);
}