@font-face {
    font-family: 'Poppinsbold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'merchant_copyregular';
    src: url('fonts/merchant_copy-webfont.woff2') format('woff2'),
         url('fonts/merchant_copy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'fake_receiptregular';
    src: url('fonts/fake_receipt-webfont.woff2') format('woff2'),
         url('fonts/fake_receipt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'Poppins';
    src: url('fonts/poppins-regular-webfont.woff2') format('woff2'),
         url('fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'poppinslight';
    src: url('fonts/poppins-light-webfont.woff2') format('woff2'),
         url('fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
  font-family: 'CNNSansDisplayW04-Bold';
  src: url('fonts/CNNSansDisplayW04-Bold.eot?#iefix') format('embedded-opentype'),  url('fonts/CNNSansDisplayW04-Bold.woff') format('woff'), url('fonts/CNNSansDisplayW04-Bold.ttf')  format('truetype'), url('fonts/CNNSansDisplayW04-Bold.svg#CNNSansDisplayW04-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CNNSansW04-Regular';
  src: url('fonts/CNNSansW04-Regular.eot?#iefix') format('embedded-opentype'),
  url('fonts/CNNSansW04-Regular.woff') format('woff'), url('fonts/CNNSansW04-Regular.ttf')  format('truetype'), url('fonts/CNNSansW04-Regular.svg#CNNSansW04-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {

   font-family: 'AmbleRegular';

    src: url( fonts/Amble-Light-webfont.ttf ) format("truetype");

}

@font-face {

   font-family: 'Open Sans';

    src: url( fonts/OpenSans-Bold.ttf ) format("truetype");

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {

   font-family: 'VAGRoundedBT';

   src: url('fonts/VAGRoundedBT.eot');

   src: local('VAGRoundedBT'), url('fonts/VAGRoundedBT.woff') format('woff'), url('fonts/VAGRoundedBT.ttf') format('truetype');

}

@font-face {
    font-family: 'robotolight';
    src: url('fonts/roboto-light-webfont.woff2') format('woff2'),
         url('fonts/roboto-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'poppinsmedium';
    src: url('fonts/poppins-medium-webfont.woff2') format('woff2'),
         url('fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.woff2') format('woff2'),
         url('fonts/lato-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinssemibold';
    src: url('fonts/poppins-semibold-webfont.woff2') format('woff2'),
         url('fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'playfair_display_scbold';
    src: url('fonts/playfairdisplaysc-bold-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplaysc-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'Oswald';
    src: url('fonts/oswald-demibold-webfont.eot');
    src: url('fonts/oswald-demibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/oswald-demibold-webfont.woff2') format('woff2'),
         url('fonts/oswald-demibold-webfont.woff') format('woff'),
         url('fonts/oswald-demibold-webfont.ttf') format('truetype'),
         url('fonts/oswald-demibold-webfont.svg#oswalddemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold-webfont.eot');
    src: url('fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {

    font-family: 'Droid Sans';

    src: url('fonts/DroidSerif-Regular-webfont.eot');

    src: url('fonts/DroidSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/DroidSerif-Regular-webfont.woff') format('woff'),

         url('fonts/DroidSerif-Regular-webfont.ttf') format('truetype'),

         url('fonts/DroidSerif-Regular-webfont.svg#DroidSerifRegular') format('svg');

    font-weight: normal;

    font-style: normal;



}


@font-face {
    font-family: 'Roboto';
    src: url('fonts/roboto-medium-webfont.eot');
    src: url('fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff'),
         url('fonts/roboto-medium-webfont.ttf') format('truetype'),
         url('fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'icomoon';
    src:url('fonts/icomoon.eot');
    src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
        url('fonts/icomoon.woff') format('woff'),
        url('fonts/icomoon.ttf') format('truetype'),
        url('fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas-webfont.eot');
    src: url('fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas-webfont.woff2') format('woff2'),
         url('fonts/bebas-webfont.woff') format('woff'),
         url('fonts/bebas-webfont.ttf') format('truetype'),
         url('fonts/bebas-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinbold';
    src: url('fonts/ufonts.com_din-bold-webfont.eot');
    src: url('fonts/ufonts.com_din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ufonts.com_din-bold-webfont.woff2') format('woff2'),
         url('fonts/ufonts.com_din-bold-webfont.woff') format('woff'),
         url('fonts/ufonts.com_din-bold-webfont.ttf') format('truetype'),
         url('fonts/ufonts.com_din-bold-webfont.svg#dinbold') format('svg');
    font-weight: bold;
    font-style: normal;

}


@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
   font-family: "entypo";
   font-style: normal;
   font-weight: 400;
   src: url(fonts/entypo.eot);
   src: url("fonts/entypod41d.eot?#iefix") format("ie9-skip-eot"), url("fonts/entypo.woff") format("woff"), url("fonts/entypo.ttf") format("truetype");
}



.poppins{
   font-family: 'Poppins';
}
.poppinsB{
   font-family: 'Poppinsbold';
}
.poppinsL{
   font-family: 'poppinslight';
}



.bold{
   font-weight: 800; 
}

/* ============================
   FONT SIZE (px → rem)
   ============================ */
.f9  { font-size: 0.5625rem !important; }   /* 9px */
.f10 { font-size: 0.625rem !important; }    /* 10px */
.f11 { font-size: 0.6875rem !important; }   /* 11px */
.f12 { font-size: 0.75rem !important; }     /* 12px */
.f13 { font-size: 0.8125rem !important; }   /* 13px */
.f14 { font-size: 0.875rem !important; }    /* 14px */
.f15 { font-size: 0.9375rem !important; }   /* 15px */
.f16 { font-size: 1rem !important; }        /* 16px */
.f18 { font-size: 1.125rem !important; }    /* 18px */
.f20 { font-size: 1.25rem !important; }     /* 20px */
.f24 { font-size: 1.5rem !important; }      /* 24px */
.f28 { font-size: 1.75rem !important; }     /* 28px */
.f32 { font-size: 2rem !important; }        /* 32px */
.f36 { font-size: 2.25rem !important; }     /* 36px */
.f40 { font-size: 2.5rem !important; }      /* 40px */
.f48 { font-size: 3rem !important; }        /* 48px */
.f56 { font-size: 3.5rem !important; }      /* 56px */
.f64 { font-size: 4rem !important; }        /* 64px */

/* ============================
   FONT WEIGHT
   ============================ */
.fw100 { font-weight: 100 !important; }
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; } /* normal */
.fw500 { font-weight: 500 !important; } /* medium */
.fw600 { font-weight: 600 !important; } /* semibold */
.fw700 { font-weight: 700 !important; } /* bold */
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

/* ============================
   LINE HEIGHT
   ============================ */
.lh100 { line-height: 1 !important; }
.lh110 { line-height: 1.1 !important; }
.lh120 { line-height: 1.2 !important; }
.lh130 { line-height: 1.3 !important; }
.lh140 { line-height: 1.4 !important; }
.lh150 { line-height: 1.5 !important; }
.lh160 { line-height: 1.6 !important; }
.lh170 { line-height: 1.7 !important; }
.lh180 { line-height: 1.8 !important; }
.lh200 { line-height: 2 !important; }

/* ============================
   RESPONSIVE FONT SIZE
   ============================ */
@media (min-width: 640px) {
  .sm\\:f12 { font-size: 0.75rem !important; }
  .sm\\:f14 { font-size: 0.875rem !important; }
  .sm\\:f16 { font-size: 1rem !important; }
  .sm\\:f18 { font-size: 1.125rem !important; }
  .sm\\:f20 { font-size: 1.25rem !important; }
  .sm\\:f24 { font-size: 1.5rem !important; }
}

@media (min-width: 768px) {
  .md\\:f14 { font-size: 0.875rem !important; }
  .md\\:f16 { font-size: 1rem !important; }
  .md\\:f18 { font-size: 1.125rem !important; }
  .md\\:f20 { font-size: 1.25rem !important; }
  .md\\:f24 { font-size: 1.5rem !important; }
  .md\\:f32 { font-size: 2rem !important; }
}

@media (min-width: 1024px) {
  .lg\\:f16 { font-size: 1rem !important; }
  .lg\\:f18 { font-size: 1.125rem !important; }
  .lg\\:f20 { font-size: 1.25rem !important; }
  .lg\\:f24 { font-size: 1.5rem !important; }
  .lg\\:f32 { font-size: 2rem !important; }
  .lg\\:f40 { font-size: 2.5rem !important; }
}

@media (min-width: 1280px) {
  .xl\\:f18 { font-size: 1.125rem !important; }
  .xl\\:f20 { font-size: 1.25rem !important; }
  .xl\\:f24 { font-size: 1.5rem !important; }
  .xl\\:f32 { font-size: 2rem !important; }
  .xl\\:f48 { font-size: 3rem !important; }
}

/* ============================
   DESKTOP LARGE (2XL)
   ============================ */
@media (min-width: 1536px) {
  .xxl\\:f20 { font-size: 1.25rem !important; }
  .xxl\\:f24 { font-size: 1.5rem !important; }
  .xxl\\:f32 { font-size: 2rem !important; }
  .xxl\\:f40 { font-size: 2.5rem !important; }
  .xxl\\:f48 { font-size: 3rem !important; }
  .xxl\\:f56 { font-size: 3.5rem !important; }
  .xxl\\:f64 { font-size: 4rem !important; }
}