:root {
	--white: #FFFFFF;
	--black: #000000;
	--onyx: #141212;
	--thunder: #2E2E2E;
	--thunderl: #303030;
	--rangoonGreen: #181717;
	--elephant: #14324A;
	--guardsmanRed: #AC0000;
	--lavaRed: #E0231D;
	--grapeFruit: #D53D28;
	--redOrange: #FF2D2D;
	--orangePeel: #FF9600;
	--paleOrange: #F2AA59;
	--guardsmanRed2: #C20201;
	--downriver: #0A2153;
	--carrotOrange:#F58A26;
  --tuna:#2F3E46;
  --resolutionBlue:#001D7A;
  --silverChalice:#AAAAAA;
  }
  
  
  /* ========font-color=========== */
  
  .white { color: var(--white); }
 .black { color: var(--black); }
 .onyx { color: var(--onyx); }
 .thunder { color: var(--thunder); }
 .thunderl { color: var(--thunderl); }
 .rangoonGreen { color: var(--rangoonGreen); }
 .elephant { color: var(--elephant); }
 .guardsmanRed { color: var(--guardsmanRed); }
 .lavaRed { color: var(--lavaRed); }
 .grapeFruit { color: var(--grapeFruit); }
 .redOrange { color: var(--redOrange); }
 .orangePeel { color: var(--orangePeel); }
 .paleOrange { color: var(--paleOrange); }
 .guardsmanRed2{ color: var(--guardsmanRed2);}
 .downriver { color: var(--downriver);}
 .carrotOrange{ color: var(--carrotOrange);}
 .tuna{ color:var(--tuna);}
 .resolutionBlue{color:var(--resolutionBlue);}
  .silverChalice{color:var(--silverChalice);}


 /* Font size */
 .f80{font-size:80px;}
 .f54{font-size:54px;}
 .f40{font-size:40px;}
 .f39{font-size:39px;}
 .f30{font-size:30px;}
 .f28{font-size:28px;}
 .f25{font-size:25px;}
 .f24{font-size:24px;}
 .f23{font-size:23px;}
 .f22{font-size:22px;}
 .f20{font-size:20px;}
 .f18{font-size:18px;}
 .f16{font-size:16px;}
 .f15{font-size:15px;}
 .f14{font-size:14px;}
 .f13{font-size:13px;}
 .f12{font-size:12px;}
 .f10{font-size:10px;}
 
 /* ======responsive fonts======== */
 @media(max-width:1200px) {
  .f80{font-size:70px;}
  .f54{font-size:44px;}
  .f39{font-size:36px;}
  .f30{font-size:28px;}
  .f28{font-size:26px;}
 }
 
 
 @media(max-width:992px) {
  .f80{font-size:60px;}
  .f54{font-size:40px;}
  .f39{font-size:32px;}
  .f30{font-size:26px;}
  .f28{font-size:24px;}
  .f25{font-size:24px;}
  .f24{font-size:22px;}
  .f23{font-size:21px;}
 }
 
 
 @media(max-width:768px) {
  .f80{font-size:40px;}
  .f54{font-size:36px;}
  .f39{font-size:28px;}
  .f30{font-size:24px;}
  .f28{font-size:22px;}
  .f25{font-size:22px;}
  .f24{font-size:20px;}
  .f23{font-size:20px;}
  .f22{font-size:20px;}
  .f20{font-size:20px;}
 }
 
 @media(max-width:525px) {
 
 }
 
 
 
 /* ===========font weight====== */
 .fwn{font-weight:normal;}
 .fwl{font-weight:lighter;}
 .fwt{font-weight:thin;}
 .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;}
 .fwb{font-weight:bold;}
 
  
 /* line height */
.f30,.f28,.f24,.f20,.f18,.f16,.f15,.f14,.f13,.f12{line-height: 1.5;}


/* Specific Line height */
.lh10{line-height:1.0;}
.lh11{line-height:1.1;}
.lh12{line-height:1.2;}
.lh13{line-height:1.3;}
.lh14{line-height:1.4;}
.lh15{line-height:1.5;}
.lh16{line-height:1.6;}
.lh17{line-height:1.7;}
.lh18{line-height:1.8;}
.lh19{line-height:1.9;}
.lh20{line-height:2.0;}
.lh21{line-height:2.1;}
.lh22{line-height:2.2;}
.lh23{line-height:2.3;}
.lh24{line-height:2.4;}
.lh25{line-height:2.5;}



 /* Specific letter spacing */
 .ls00{letter-spacing: 0px;}
 .ls01{letter-spacing: 0.1px;}
 .ls02{letter-spacing: 0.2px;}
 .ls03{letter-spacing: 0.3px;}
 .ls112{letter-spacing: 1.12px;}

 
 

 /* Break line */
 .br1200{
  display: block;
 }
 @media all and (max-width:1200px){
  .br1200{
    display: none;
  }
 }