.text-blue{
    color:blue;
}

.t1-bold{
    font-weight: 900;
    font-size: 6rem;
}
.t1{
    font-weight: 600;
    font-size: 6rem;
}
.t2-bold{
    font-weight: 850;
    font-size: 5rem;
}
.t2{
    font-weight: 550;
    font-size: 5rem;
}
.t3-bold{
    font-weight: 800;
    font-size: 4rem;
}
.t3{
    font-weight: 500;
    font-size: 4rem;
}


.h1-thin{
    font-weight: 100;
    font-size: 3rem;
}
.h1-bold{
    font-weight: 700;
    font-size: 3rem;
}
.h2-thin{
    font-weight: 100;
    font-size: 2.5rem;
}
.h2-bold{
    font-weight: 700;
    font-size: 2.5rem;
}
.h3-thin{
    font-weight: 100;
    font-size: 2.25rem;
}
.h3-bold{
    font-weight: 700;
    font-size: 2.25rem;
}
.h4-thin{
    font-weight: 100;
    font-size: 2.0rem;
}
.h4-bold{
    font-weight: 700;
    font-size: 2.0rem;
}
.h5-thin{
    font-weight: 100;
    font-size: 1.75rem;
}
.h5-bold{
    font-weight: 700;
    font-size: 1.75rem;
}
.p-thin{
    font-weight: 100;
    font-size: 1.0rem;
}
.p-bold{
    font-weight: 700;
    font-size: 1.0rem;
}
.s-thin{
    font-weight: 100;
    font-size: 0.80rem;
}
.s-bold{
    font-weight: 600;
    font-size: 0.80rem;
}
.label-dark-small{
    font-weight: 400;
    font-size: .90rem;
    color: #000000;
}
.label-light-small{
    font-weight: 400;
    font-size: .90rem;
    color: #FFFFFF;
}
.label-dark-medium{
  font-weight: 350;
  font-size: 1.1rem;
  color: #000000;
}
.label-light-medium{
  font-weight: 350;
  font-size: 1.1rem;
  color: #FFFFFF;
}
.label-dark-large{
  font-weight: 350;
  font-size: 1.35rem;
  color: #000000;
}
.label-light-large{
  font-weight: 350;
  font-size: 1.35rem;
  color: #FFFFFF;
}

.l1-bold{
    font-weight: 550;
    font-size: 1.5rem;
}
.l1-thin{
    font-weight: 100;
    font-size: 1.5rem;
}
.l2-bold{
    font-weight: 550;
    font-size: 1.25rem;
}
.l2-thin{
    font-weight: 100;
    font-size: 1.25rem;
}
.l3-bold{
    font-weight: 550;
    font-size: 1.0rem;
}
.l3-thin{
    font-weight: 100;
    font-size: 1.0rem;
}
.l4-bold{
    font-weight: 550;
    font-size: .85rem;
}
.l4-thin{
    font-weight: 100;
    font-size: .85rem;
}
.l5-bold{
    font-weight: 550;
    font-size: .75rem;
}
.l5-thin{
    font-weight: 100;
    font-size: .75rem;
}

/** Text styles used on the explorer screen with media queries **/
.exp-t1{
   	font-weight: 350;
   	font-size: 1.0rem;
}

.exp-t2{
   	font-weight: 100;
   	font-size: .75rem;
}

@media (max-width: 720px){
	.exp-t1{
    	font-weight: 400;
    	font-size: .75rem;
	}
	.exp-t2{
    	font-weight: 100;
    	font-size: .65rem;
	}
	
}