@font-face {
  font-family: 'serling';
  src: url('../fonts/serling.woff') format('woff');
}

@font-face {
  font-family: 'perandory';
  src: url('../fonts/perandory-regular.woff') format('woff');
}

@font-face {
  font-family: 'glacial-regular';
  src: url('../fonts/glacial-regular.woff') format('woff');
}

@font-face {
  font-family: 'glacial-bold';
  src: url('../fonts/glacial-bold.woff') format('woff');
}

@font-face {
  font-family: 'bachelorette';
  src: url('../fonts/bachelorette.woff') format('woff');
}

.serling { font-family: "serling", sans-serif; }
.perandory {  font-family: "perandory", serif; letter-spacing: 3px!important;}
.glacial {  font-family: "glacial-regular", serif;}
.glacial-bold {  font-family: "glacial-bold", serif;}
.bachelorette {  font-family: "bachelorette", serif;}

.fwhite { color: #fff!important; }
.fblack { color: #1d1d1b!important; }
.forange { color: #bb6930!important; }
.fgreen { color: #294239!important; }
.fbrown { color: #4c3d1c!important; }
.fbeige { color: #e1c68f!important; }
.folive { color: #809076!important; }
.folivel { color: #808f75!important; }

.bgwhite { background-color: #fff!important; color: black; }
.bgblack { background-color: #000!important; color: white; }
.bgorange { background-color: #bb6930!important; color: white; }
.bggreen { background-color: #294239!important; color: white; }
.bgbrown { background-color: #4c3d1c!important; color: white; }
.bgbeige { background-color: #e1c68f!important; color: white; }
.bgolive { background-color: #809076!important; color: white; }
.bgolivel { background-color: #808f75!important; color: white; }

.border_r { border-radius: 40px; }

.fw100 { font-weight: 100; }
.fw200 { font-weight: 200; }
.fw300 { font-weight: 300; }
.fw400 { font-weight: 400; }
.fw500 { font-weight: 500; }
.fw600 { font-weight: 600; }
.fw700 { font-weight: 700; }
.fw800 { font-weight: 800; }
.fw900 { font-weight: 900; }


.fz-10 { font-size: 10px!important; line-height: 19px;}
.fz-12 { font-size: 12px!important; line-height: 19px;}
.fz-14 { font-size: 14px!important; line-height: 19px;}
.fz-16 { font-size: 16px!important; line-height: 21px;}
.fz-18 { font-size: 18px!important; line-height: 23px;}
.fz-20 { font-size: 20px!important; line-height: 25px;}
.fz-22 { font-size: 22px!important; line-height: 27px;}
.fz-24 { font-size: 24px!important; line-height: 29px;}
.fz-26 { font-size: 26px!important; line-height: 31px;}
.fz-28 { font-size: 28px!important; line-height: 33px;}
.fz-30 { font-size: 30px!important; line-height: 35px;}
.fz-32 { font-size: 32px!important; line-height: 37px;}
.fz-34 { font-size: 34px!important; line-height: 39px;}
.fz-36 { font-size: 36px!important;}
.fz-38 { font-size: 38px!important;}
.fz-40 { font-size: 40px!important;}
.fz-42 { font-size: 42px!important;}
.fz-44 { font-size: 44px!important;}
.fz-46 { font-size: 46px!important;}
.fz-48 { font-size: 48px!important;}
.fz-50 { font-size: 50px!important;}
.fz-52 { font-size: 52px!important;}
.fz-54 { font-size: 54px!important;}
.fz-56 { font-size: 56px!important;}
.fz-58 { font-size: 58px!important;}
.fz-60 { font-size: 60px!important;}
.fz-61 { font-size: 61px!important; line-height: 80px;}
.fz-62 { font-size: 62px!important;}
.fz-64 { font-size: 64px!important;}
.fz-66 { font-size: 66px!important;}
.fz-68 { font-size: 68px!important;}
.fz-70 { font-size: 70px!important;}


.lh-14 { line-height: 14px; }
.lh-16 { line-height: 16px; }
.lh-18 { line-height: 18px; }
.lh-20 { line-height: 20px; }
.lh-22 { line-height: 22px; }
.lh-24 { line-height: 24px; }
.lh-26 { line-height: 26px; }
.lh-28 { line-height: 28px; }
.lh-30 { line-height: 30px; }
.lh-32 { line-height: 32px; }
.lh-34 { line-height: 34px; }
.lh-36 { line-height: 36px; }
.lh-38 { line-height: 38px; }
.lh-40 { line-height: 40px; }
.lh-42 { line-height: 42px; }