/* WebKit (Chrome, Safari) */


*
{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust: 100%;
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;    

    background-position: center;
    background-repeat: no-repeat; 
    scroll-behavior: smooth;        
    /* box-sizing: border-box;     */
}




html, body
{
    font-family: 'Bahnschrift-SemiLight';
    font-weight: normal;
}


/* font-family: 'Bahnschrift-Light';
font-family: 'Bahnschrift-SemiLight';
font-family: 'Bahnschrift-Regular';
font-family: 'Bahnschrift-SemiBold';
font-family: 'Bahnschrift-Bold'; */
.stats span,
.stats span strong,
nav button,
.card footer span,
dt,
h1,h2,h3,h4,h5,h6
{
    font-family: 'Bahnschrift-Bold';     
    font-weight: normal;
}

.single_page_content h2,
.product_sub_content .tab-content h5,
#modal .thumb-count,
.card header span:not(.category),
.card h2, .counter, span.project_current,
b, strong {
    font-family: 'Bahnschrift-SemiBold', Fallback, sans-serif; 
    font-weight: normal;
}

.article_block h4 span,
.product_hero h2,
.result_box article h2,
.result_box article footer span,
body > footer h5,
a
{
    font-family: 'Bahnschrift-Regular';
    font-weight: normal;
}

.article_block h3,
.single_page_content h1,
.img_carousel_main p,
.img_carousel_main h3,
select, select option 
{
    font-family: 'Bahnschrift-SemiLight';
    font-weight: normal;
}

.suite_products h3::before,
.suite_details h4,
.product_hero h1,
.product_categories span,
.card section,
.card header time, .card header span,
p, i, em {
    font-family: 'Bahnschrift-Light', Fallback, sans-serif; 
    font-weight: normal;
}





body { font-size: 1.7rem; } 


/* html { font-size: 55.5%; } */

/*

 */



 html { font-size: 50%; }

 @media only screen and (min-width: 32em) {   /* 512px */
   html { font-size: 52.5%; }
 }
 
 @media only screen and (min-width: 48em) {   /* 768px */
   html { font-size: 55%; }
 }
 
 @media only screen and (min-width: 61.25em) {  /* 980px */
   html { font-size: 57.5%; }
 }
 
 @media only screen and (min-width: 75em) {    /* 1200px */
   html { font-size: 60%; }
 }
 
 @media only screen and (min-width: 100em) {   /* 1600px */
   html { font-size: 61.25%; }
 }
 
 @media only screen and (min-width: 120em) {   /* 1920px */
   html { font-size: 62.5%; }
 }

 @media only screen and (min-width: 140em) {   /* 2240px */
  html { font-size: 76.875%; }   /* midpoint between 62.5% and 91.25% */
}
 
 @media only screen and (min-width: 160em) {   /* 2560px */
   html { font-size: 91.25%; }   /* ~15px */
 }
 
 @media only screen and (min-width: 200em) {   /* 3200px */
   html { font-size: 105%; }     /* ~16.8px */
 }
 
 @media only screen and (min-width: 240em) {   /* 3840px */
   html { font-size: 120%; }     /* 1rem = 19.2px */
 }