/* CSS Document */
/* CSS Document */
/*
============================================================================
ADDED AFIT CUSTOM CSS BOOTSTRAP Elements 4/26/2019 for all apps
===========================================================================
*/ 
/*
Call Latest Bootstrap CSS first
*/
@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
@import "https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.css"
/*
Then find web fonts in css folder
*/
@import "Webfonts.css";
/*
Set the AFIT Title with Bank Goth
*/
.afit-title{
font-family: "Waffle-House";
font-size-adjust: auto;
} 

/*
This is for page breaks and Bootstrap printing using built in print options in Edge, FF, and Chrome.
*/
@media all {
	.page-break	{ display: none; }
}

@media print {
	.page-break	{
	display: block; 
	page-break-after: always; 
	}
}
/*
Online Evaluation System Body color
*/
.TGSbody{
  background-color: #F4ECC4;
  font-size: 1.5rem;
}
/*
Online Application Body color
*/
.OLAbody{
  background-color: #F4ECC4;
} 
.clearBoth{
clear: both;
}
/*
This accesses the signature image for any signed documents
*/
 .Sign-Button-Blank{
	background-color: #D2DCFF;
	background-image:url(../Images/SIGHereImg.png);
	background-position:top left;
	background-repeat:no-repeat;
	border:0px;
	height:75px;
	width:100%;
	}
.text-red{
color: #FF0004 !important;
} 
.greenHeader{
	background-color: #93D795;	
	}
.blueHeader{
	background-color: #7EADD3;	
	}
.yellowHeader{
	background-color: #EDE107;	
	}
.redHeader{
	background-color:  #FF6969;	
	}
	
	
.TeeColor-Pink{
color: pink;
font-size: 1rem;
}	
	
.TeeColor-Red{
color: red;
font-size: 1rem;
}	
	
.TeeColor-Orange{
color: orange;
font-size: 1rem;
}	
	
.TeeColor-Purple{
color: mediumpurple;
font-size: 1rem;
}	
	
.TeeColor-Green{
color: forestgreen;
font-size: 1rem;
}	
	
.TeeColor-RoyalBlue{
color: royalblue;
font-size: 1rem;
}		
	
.topHead{
/*IE 10+  */
background:-ms-linear-gradient(top ,#2f73ff,#FFD859); 
  /*FIRE FOX 6 +   	*/
background:-moz-linear-gradient(top,#2f73ff,  #FFD859 );
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom,#2f73ff, #FFD859 );/* 
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"*/
}

.headerFont{
font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"
}

.midRadial{
/*IE 10+  */
background:-ms-radial-gradient(top ,#2f73ff, #00308f); 
  /*FIRE FOX 6 +   	*/
background:-moz-radial-gradient(top ,#2f73ff,  #00308f);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: radial-gradient(#2f73ff, #00308f); 
}

.tgs-logo{
background: url("../Images/TGSLogo_Main_sml.png") left auto no-repeat;
}

.tgs-seal{
background: url( "../Images/FKA_Logo_MainHeader.png") right top no-repeat;
height: 243px;
width: 243px;
/*padding-left: 800px;*/
padding-top: 0px;  
display: flex
} 

.off-color{
color: #FFD859;
  text-shadow: 0 1px 0 #fff;
}

.bottomLine{
/*IE 10+  */
background-color: #2f73ff;  
height: 50px;  
}
/*
Outputs the PDF logo for web signed documents
*/
.PDF_LOGO{
	background-image: url("../Images/adobe-acrobat-logosml.fw.png");
	background-position: center top;
	background-repeat: no-repeat;
	height:70px;
	width:200px;	
	} 
.greenHeader{
	background-color: #93D795;	
	}
.blueHeader{
	background-color: #7EADD3;	
	}
.yellowHeader{
	background-color: #EDE107;	
	}
.redHeader{
	background-color: #FF090F;	
	}	
.colorRange{
  background-color: #ADC5DC;
  }

.backColor{
  background-color:#F4ECC4;
}
.backcolor1{
	background-color:#FFF7D5;
	}
.backcolor2{
	background-color:#FEC900;
	}
.backcolor3{
	background-color:#DFE8FF;
	}
.backcolor4{
	background-color:#FBFFE6;
	}  
/*
======================================================================================================
Used to grey out an unused element and for display purposes only.
======================================================================================================
*/	
.greyOut{
  background-color:#CCC;
  font-weight:bolder;
  color:#000;
  } 
/*
======================================================================================================
                                                                        CSS HEADING CLASSES
======================================================================================================
*/	 
/*
======================================================================================================
H1
======================================================================================================
*/	
.Headermain1{
  font-size: 2.5rem;
  font-size-adjust: auto !important;
  }
/*
======================================================================================================
H2
======================================================================================================
*/	
.Headermain2{
  font-size: 2rem; 
  font-size-adjust: auto !important;
  }
/*
======================================================================================================
H3
======================================================================================================
*/
.Headermain3{
  font-size: 1.75rem; 
  font-size-adjust: auto !important;
  }
/*
======================================================================================================
H4
======================================================================================================
*/
.Headermain4{
  font-size: 1.5rem; 
  font-size-adjust: auto !important;
  }
/*
======================================================================================================
H5
======================================================================================================
*/
.Headermain5{	
  font-size: 1.25rem; 
  font-size-adjust: auto !important;
  }
/*
======================================================================================================
H6
======================================================================================================
*/
.Headermain6{	
  font-size: 1rem; 
  font-size-adjust: auto !important;
  }  
/*
======================================================================================================
H7
======================================================================================================
*/
.Headermain7{	
  font-size: 0.75rem; 
  font-size-adjust: auto !important;
  }  
  /*
=================================================================================
Navigation (if needed)
=================================================================================
*/  
 .navblue{ 
  /*IE 10+*/
  background:-ms-linear-gradient(top, #25548A 0%, #4BB8F0 22%, #3A83C2 46%, #CFDCE9 90%, #25548A 100%);
  /*FIRE FOX 6 +*/
   background:-moz-linear-gradient(top, #25548A 0%, #4BB8F0 22%, #3A83C2 46%, #CFDCE9 90%, #25548A 100%);
 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to bottom,  #25548A 0%, #4BB8F0 22%, #3A83C2 46%, #CFDCE9 90%, #25548A 100%);
	 }	 
	 
.smallText9 {
    font-size:.75rem;
	font-weight: 400;
}
.smallText11 {
    font-size:.95rem;
}
.smallText10 {
    font-size:1rem;
}

.smallText1 {
    font-size:.55rem;
}
.insetText{
text-indent: 1.5rem;
}
/*
======================================================================================================
Makes a 1px border for any element. Mostly used for forms and tables
======================================================================================================
*/	
.border-all{ 
  border-style: solid;
  border-width: /*top*/1px /*right*/1px /*bottom*/1px /*left*/1px;
  }
/*
======================================================================================================
                                                                         LEFT
======================================================================================================
*/   
/* 
======================================================================================================
Makes a 1px border left, top and bottom of any element
======================================================================================================
*/	
.border-left-all{
  border-style: solid;
  border-width: /*top*/1px /*right*/0px /*bottom*/1px /*left*/1px;
  }
/*
======================================================================================================
Makes a 1px border left only of any element
======================================================================================================
*/	
.border-left-only{
  border-style: solid;
  border-width: /*top*/0px /*right*/0px /*bottom*/0px /*left*/1px;
  }
/*
======================================================================================================
Makes a 1px border to the left and top of any element
======================================================================================================
*/	
.border-left-top{
  border-style: solid;
  border-width: /*top*/1px /*right*/0px /*bottom*/0px /*left*/1px;
  }
/*
======================================================================================================
Makes a 1px border left and right of any element
======================================================================================================
*/	
.border-leftright-only{
  border-style: solid;
  border-width: /*top*/0px /*right*/1px /*bottom*/0px /*left*/1px;
  }
/*
======================================================================================================
                                                                         RIGHT
======================================================================================================
*/     
/*
======================================================================================================
Makes a 1px border right, top and bottom of any element
======================================================================================================
*/	
.border-right-all{
  border-style: solid;
  border-width: /*top*/1px /*right*/1px /*bottom*/1px /*left*/0px;
  }
/*
======================================================================================================
Makes a 1px border right only of any element
======================================================================================================
*/	
.border-right-only{
  border-style: solid;
  border-width: /*top*/0px /*right*/1px /*bottom*/0px /*left*/0px;
  }
/*
======================================================================================================
                                                                         TOP
======================================================================================================
*/  
/*
======================================================================================================
Makes a 1px border top and bottom of any element
======================================================================================================
*/	
.border-top-bottom{
  border-style: solid;
  border-width: /*top*/1px /*right*/0px /*bottom*/1px /*left*/0px;
  } 
/*
======================================================================================================
Makes a 1px border top and bottom of any element
======================================================================================================
*/	
.border-left-right-top{
  border-style: solid;
  border-width: /*top*/1px /*right*/1px /*bottom*/0px /*left*/1px;
  }
/*
======================================================================================================
Makes a 1px border top only of any element
======================================================================================================
*/	
.border-top-only{
  border-style: solid;
  border-width: /*top*/1px /*right*/0px /*bottom*/0px /*left*/0px;
}
/*
======================================================================================================
Makes a 1px border right and top of any element
======================================================================================================
*/	
.border-right-top{
  border-style: solid;
  border-width: /*top*/1px /*right*/1px /*bottom*/0px /*left*/0px;
  }  
/*
======================================================================================================
                                                                         BOTTOM
======================================================================================================
*/  /*
======================================================================================================
Makes a 1px border bottom only of any element
======================================================================================================
*/	
.border-bottom-only{
  border-style: solid;
  border-width: /*top*/0px /*right*/0px /*bottom*/1px /*left*/0px;
}
/*
======================================================================================================
Makes a 1px border right and bottom of any element
======================================================================================================
*/	
.border-right-bottom{
  border-style: solid;
  border-width: /*top*/0px /*right*/1px /*bottom*/1px /*left*/0px;
  }
/*
======================================================================================================
Makes a 1px border left and right and bottom of any element
======================================================================================================
*/	
.border-left-right-bottom{
  border-style: solid;
  border-width: /*top*/0px /*right*/1px /*bottom*/1px /*left*/1px;
  }
/*
======================================================================================================
Makes a 1px border left and bottom of any element
======================================================================================================
*/	
.border-left-bottom{
  border-style: solid;
  border-width: /*top*/0px /*right*/0px /*bottom*/1px /*left*/1px;
}  
/*
=========================================================================================================
set some line Heights
=========================================================================================================
*/
.lh-10{
line-height: 10px;
}
  
.lh-20{
line-height:20px;
}

.lh-30{
line-height:30px;
}

.lh-40{
line-height:40px;
}

.lh-50{
line-height:50px;
}
/*
================================================================
Indents the first character to look like TIME magazine
================================================================
*/
.firstcharacter {
  color: #903;
  float: left;
  font-family: Georgia;
  font-size: 5rem;
  line-height: 80%;
  padding-right: .75rem;
  padding-left: .05rem;
} 
.firstcharacter2 {
  float: left;
  font-family: Georgia;
  font-size: 5rem;
  line-height: 80%;
  padding-right: .75rem;
  padding-left: .05rem;
} 
/*
======================================================================================================
Width elements added to regular bootstrap css
======================================================================================================
*/	
.w-1{
width: 1% !important
}

.w-2{
width: 2% !important
}

.w-3{
width: 3% !important
}

.w-4{
width: 4% !important
}

.w-5{
width: 5% !important
}

.w-6{
width: 6% !important
}

.w-7{
width: 7% !important
}

.w-8{
width: 8% !important
}

.w-9{
width: 9% !important
}

.w-10{
width: 10% !important
}

.w-11{
width: 11% !important
}

.w-12{
width: 12% !important
}

.w-13{
width: 13% !important
}

.w-14{
width: 14% !important
}

.w-15{
width: 15% !important
}

.w-16{
width: 16% !important
}

.w-17{
width: 17% !important
}

.w-18{
width: 18% !important
}

.w-19{
width: 19% !important
}

.w-20{
width: 20% !important
}

.w-21{
width: 21% !important
}

.w-22{
width: 22% !important
}

.w-23{
width: 23% !important
}

.w-24{
width: 24% !important
}

.w-25{
width: 25% !important
}


.w-26{
width: 26% !important
}


.w-27{
width: 27% !important
}


.w-28{
width: 28% !important
}

.w-29{
width: 29% !important
}


.w-30{
width: 30% !important
}

.w-31{
width: 31% !important
}

.w-32{
width: 32% !important
}

.w-33{
width: 33% !important
}

.w-34{
width: 34% !important
}

.w-35{
width: 35% !important
}


.w-36{
width: 36% !important
}


.w-37{
width: 37% !important
}


.w-38{
width: 38% !important
}

.w-39{
width: 39% !important
}


.w-40{
width: 40% !important
}

.w-41{
width: 41% !important
}

.w-42{
width: 42% !important
}

.w-43{
width: 43% !important
}

.w-44{
width: 44% !important
}

.w-45{
width: 45% !important
}

.w-46{
width: 46% !important
}

.w-47{
width: 47% !important
}

.w-48{
width: 48% !important
}

.w-49{
width: 49% !important
}

.w-50{
width: 50% !important
}

.w-51{
width: 51% !important
}

.w-52{
width: 52% !important
}

.w-53{
width: 53% !important
}

.w-54{
width: 54% !important
}

.w-55{
width: 55% !important
}

.w-56{
width: 56% !important
}

.w-57{
width: 57% !important
}

.w-58{
width: 58% !important
}

.w-59{
width: 59% !important
}


.w-60{
width: 60% !important
}

.w-61{
width: 61% !important
}

.w-62{
width: 62% !important
}

.w-63{
width: 63% !important
}

.w-64{
width: 64% !important
}

.w-65{
width: 65% !important
}

.w-66{
width: 66% !important
}

.w-67{
width: 67% !important
}

.w-68{
width: 68% !important
}

.w-69{
width: 69% !important
}


.w-70{
width: 70% !important
}

.w-71{
width: 71% !important
}

.w-72{
width: 72% !important
}

.w-73{
width: 73% !important
}

.w-74{
width: 74% !important
}

.w-75{
width: 75% !important
}

.w-76{
width: 76% !important
}

.w-77{
width: 77% !important
}

.w-78{
width: 78% !important
}

.w-79{
width: 79% !important
}


.w-80{
width: 80% !important
}

.w-81{
width: 81% !important
}

.w-82{
width: 82% !important
}

.w-83{
width: 83% !important
}

.w-84{
width: 84% !important
}

.w-85{
width: 85% !important
}

.w-86{
width: 86% !important
}

.w-87{
width: 87% !important
}

.w-88{
width: 88% !important
}

.w-89{
width: 89% !important
}



.w-90{
width: 90% !important
}

.w-91{
width: 91% !important
}

.w-92{
width: 92% !important
}

.w-93{
width: 93% !important
}

.w-94{
width: 94% !important
}

.w-95{
width: 95% !important
}

.w-96{
width: 96% !important
}

.w-97{
width: 97% !important
}

.w-98{
width: 98% !important
}

.w-99{
width: 99% !important
}
/*
======================================================================================================
Height elements added to regular bootstrap css
======================================================================================================
*/	
.h-20 {
  height: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-30 {
  height: 30% !important;
}

.h-35 {
  height: 35% !important;
}

.h-40 {
  height: 40% !important;
}

.h-45 {
  height: 45% !important;
}

.h-50 {
  height: 50% !important;
}

.h-55 {
  height: 55% !important;
}

.h-60 {
  height: 60% !important;
}

.h-65 {
  height: 65% !important;
}

.h-70 {
  height: 70% !important;
}

.h-75 {
  height: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.h-85 {
  height: 85% !important;
}

.h-90 {
  height: 90% !important;
}

.h-95 {
  height: 95% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}
/*
================================================================
Vertical Height
================================================================
*/
.vh-10 {
  height: 10vh !important;
}

.vh-15 {
  height: 15vh !important;
}

.vh-20 {
  height: 20vh !important;
}

.vh-25 {
  height: 25vh !important;
}

.vh-30 {
  height: 30vh !important;
}

.vh-35 {
  height: 35vh !important;
}


.vh-40 {
  height: 40vh !important;
}

.vh-45 {
  height: 45vh !important;
}


.vh-50 {
  height: 50vh !important;
}

.vh-55 {
  height: 55vh !important;
}

.vh-60 {
  height: 60vh !important;
}

.vh-65 {
  height: 65vh !important;
}

.vh-70 {
  height: 70vh !important;
}

.vh-75 {
  height: 75vh !important;
}

.vh-80 {
  height: 80vh !important;
}

.vh-85 {
  height: 85vh !important;
}

.vh-90 {
  height: 90vh !important;
}

.vh-95 {
  height: 95vh !important;
}
/*
================================================================
Vertical Width
================================================================
*/
.vw-10 {
  height: 10vw !important;
}

.vw-15 {
  height: 15vw !important;
}

.vw-20 {
  height: 20vw !important;
}

.vw-25 {
  height: 25vw !important;
}

.vw-30 {
  height: 30vw !important;
}

.vw-35 {
  height: 35vw !important;
}


.vw-40 {
  height: 40vw !important;
}

.vw-45 {
  height: 45vh !important;
}


.vw-50 {
  height: 50vw !important;
}

.vw-55 {
  height: 55vw !important;
}

.vw-60 {
  height: 60vw !important;
}

.vw-65 {
  height: 65vw !important;
}

.vw-70 {
  height: 70vw !important;
}

.vw-75 {
  height: 75vw !important;
}

.vw-80 {
  height: 80vw !important;
}

.vw-85 {
  height: 85vw !important;
}

.vw-90 {
  height: 90vw !important;
}

.vw-95 {
  height: 95vw !important;
}
/*
================================================================
Font resizers
================================================================
*/
/*.5 REM +*/
  .fontrem-5{
	  font-size: .5rem;
	  }	
  .fontrem-6{
	  font-size: .6rem;
	  }		
  .fontrem-7{
	  font-size: .7rem;
	  }		
  .fontrem-8{
	  font-size: .8rem;
	  }		
  .fontrem-9{
	  font-size: .9rem;
	  }	
	/*1 Em +*/
  .fontrem1{
	  font-size: 1rem;
	  }			  
  .fontrem1-1{
	  font-size: 1.1rem;
	  }	 			  
  .fontrem1-2{
	  font-size: 1.2rem;
	  }	 	 			  
  .fontrem1-3{
	  font-size: 1.3rem;
	  }	 	  	 			  
  .fontrem1-4{
	  font-size: 1.4rem;
	  }		  
  .fontrem1-5{
	  font-size: 1.5rem;
	  }	 
  .fontrem1-6{
	  font-size: 1.6rem;
	  }	  		
  .fontrem1-7{
	  font-size: 1.7rem;
	  }	 	  		
  .fontrem1-8{
	  font-size: 1.8rem;
	  }	  	  		
  .fontrem1-9{
	  font-size: 1.9rem;
	  }	 
/*2 REM +*/ 		
  .fontrem2{
	  font-size: 2rem;
	  }	 	
	  .fontrem2-1{
	  font-size: 2.1rem;
	  }		
	  .fontrem2-2{
	  font-size: 2.2rem;
	  }	 		
	  .fontrem2-3{
	  font-size: 2.3rem;
	  }	 			
	  .fontrem2-4{
	  font-size: 2.4rem;
	  }	 	
  .fontrem2-5{
	  font-size: 2.5rem;
	  }	  	
  .fontrem2-6{
	  font-size: 2.6rem;
	  }	   	
  .fontrem2-7{
	  font-size: 2.7rem;
	  }	   	
  .fontrem2-8{
	  font-size: 2.8rem;
	  } 
  .fontrem2-9{
	  font-size: 2.9rem;
	  }	 	 
/*3 REM +*/ 		
  .fontrem3{
	  font-size: 3rem;
	  }	 		
  .fontrem3-1{
	  font-size: 3.1rem;
	  }	 	 		
  .fontrem3-2{
	  font-size: 3.2rem;
	  }	 		 		
  .fontrem3-3{
	  font-size: 3.3rem;
	  }	 		 		
  .fontrem3-4{
	  font-size: 3.4rem;
	  }	 	
  .fontrem3-5{
	  font-size: 3.5rem;
	  }	  	
  .fontrem3-6{
	  font-size: 3.6rem;
	  }	   	
  .fontrem3-7{
	  font-size: 3.7rem;
	  }	   	
  .fontrem3-8{
	  font-size: 3.8rem;
	  }
  .fontrem3-9{
	  font-size: 3.9rem;
	  }	  	 
/*4 REM +*/ 		
  .fontrem4{
	  font-size: 4rem;
	  }	 		
  .fontrem4-1{
	  font-size: 4.1rem;
	  }	 			
  .fontrem4-2{
	  font-size: 4.2rem;
	  }	 			
  .fontrem4-3{
	  font-size: 4.3rem;
	  }	  			
  .fontrem4-4{
	  font-size: 4.4rem;
	  }	 	
  .fontrem4-5{
	  font-size: 4.5rem;
	  }	  	
  .fontrem4-6{
	  font-size: 4.6rem;
	  }	   	
  .fontrem4-7{
	  font-size: 4.7rem;
	  }	   	
  .fontrem4-8{
	  font-size: 4.8rem;
	  }
  .fontrem4-9{
	  font-size: 4.9rem;
	  }	  	 
/*5 REM +*/ 		
  .fontrem5{
	  font-size: 5rem;
	  }	 			
  .fontrem5-1{
	  font-size: 5.1rem;
	  }	 				
  .fontrem5-2{
	  font-size: 5.2rem;
	  }	 	 				
  .fontrem5-3{
	  font-size: 5.3rem;
	  }	 	 				
  .fontrem5-4{
	  font-size: 5.4rem;
	  }	 	
  .fontrem5-5{
	  font-size: 5.5rem;
	  }	  	
  .fontrem5-6{
	  font-size: 5.6rem;
	  }	   	
  .fontrem5-7{
	  font-size: 5.7rem;
	  }	   	
  .fontrem5-8{
	  font-size: 5.8rem;
	  } 
  .fontrem5-9{
	  font-size: 5.9rem;
	  }   	 
/*6 REM +*/ 		
  .fontrem6{
	  font-size: 6rem;
	  }	 	 		
  .fontrem6-1{
	  font-size: 6.1rem;
	  }	 	 	 		
  .fontrem6-2{
	  font-size: 6.2rem;
	  }	 		 	 		
  .fontrem6-3{
	  font-size: 6.3rem;
	  }	  		 	 		
  .fontrem6-4{
	  font-size: 6.4rem;
	  }	 	
  .fontrem6-5{
	  font-size: 6.5rem;
	  }	  	
  .fontrem6-6{
	  font-size: 6.6rem;
	  }	   	
  .fontrem6-7{
	  font-size: 6.7rem;
	  }	   	
  .fontrem6-8{
	  font-size: 6.8rem;
	  } 
  .fontrem6-9{
	  font-size: 6.9rem;
	  }   	 
/*7 REM +*/ 		
  .fontrem7{
	  font-size: 7rem;
	  }	 			
  .fontrem7-1{
	  font-size: 7.1rem;
	  }	 	 			
  .fontrem7-2{
	  font-size: 7.2rem;
	  }	 		 			
  .fontrem7-3{
	  font-size: 7.3rem;
	  }	 		 			
  .fontrem7-4{
	  font-size: 7.4rem;
	  }	 	
  .fontrem7-5{
	  font-size: 7.5rem;
	  }	  	
  .fontrem7-6{
	  font-size: 7.6rem;
	  }	   	
  .fontrem7-7{
	  font-size: 7.7rem;
	  }	   	
  .fontrem7-8{
	  font-size: 7.8rem;
	  } 
  .fontrem7-9{
	  font-size: 7.9rem;
	  }	   	 
/*8 REM +*/ 		
  .fontrem8{
	  font-size: 8rem;
	  }	 		
  .fontrem8-1{
	  font-size: 8.1rem;
	  }	  		
  .fontrem8-2{

	  font-size: 8.2rem;
	  }	   		
  .fontrem8-3{
	  font-size: 8.3rem;
	  }	    		
  .fontrem8-4{
	  font-size: 8.4rem;
	  }	 	
  .fontrem8-5{
	  font-size: 8.5rem;
	  }	  	
  .fontrem8-6{
	  font-size: 8.6rem;
	  }	   	
  .fontrem8-7{
	  font-size: 8.7rem;
	  }	   	
  .fontrem8-8{
	  font-size: 8.8rem;
	  }  
  .fontrem8-9{
	  font-size: 8.9rem;
	  }	 	   	 
/*9 REM +*/ 		
  .fontrem9{
	  font-size: 9rem;
	  }	 			
  .fontrem9-1{
	  font-size: 9.1rem;
	  }	  			
  .fontrem9-2{
	  font-size: 9.2rem;
	  }	   			
  .fontrem9-3{
	  font-size: 9.3rem;
	  }	    			
  .fontrem9-4{
	  font-size: 9.4rem;
	  }	 	
  .fontrem9-5{
	  font-size: 9.5rem;
	  }	  	
  .fontrem9-6{
	  font-size: 9.6rem;
	  }	   	
  .fontrem9-7{
	  font-size: 9.7rem;
	  }	   	
  .fontrem9-8{
	  font-size: 9.8rem;
	  } 
  .fontrem9-9{
	  font-size: 9.9rem;
	  }	 	 	   	 
/*10 REM +*/ 		
  .fontrem10{
	  font-size: 10rem;
	  }	 			
  .fontrem10-1{
	  font-size: 10.1rem;
	  }	 		 			
  .fontrem10-2{
	  font-size: 10.2rem;
	  }	 			 			
  .fontrem10-3{
	  font-size: 10.3rem;
	  }	 			 			
  .fontrem10-4{
	  font-size: 10.4rem;
	  }	 	
  .fontrem10-5{
	  font-size: 10.5rem;
	  }	  	
  .fontrem10-6{
	  font-size: 10.6rem;
	  }	   	
  .fontrem10-7{
	  font-size: 10.7rem;
	  }	   	
  .fontrem10-8{
	  font-size: 10.8rem;
	  } 
  .fontrem10-9{
	  font-size: 10.9rem;