/* ==================================
   TYPOGRAPHY
================================== */

*{
    font-family: "Poppins", sans-serif;
}

::selection{
    background-color: var(--primary-light);

}

h1, h2, h3 {
  
  font-weight: 600;
}

h1 { font-size: 2rem; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.3rem; }
button { font-size: 1rem;}
p, li, a, label  { font-size: 1rem; }
small { font-size: 0.85rem; }

html{ 
    font-size: 16px; 
}

.breadcrumb-nav h1{
    padding: var(--space-2);
    margin: 0;
}

.about-section .slogan{
    font-size: 1.5rem;
    font-weight: 600;
    text-align: left;
}

.product-container h2{
    font-size: 1rem;
}