/*container styling*/
.uxArticle {}

/*desktop version*/ 
.h0 {
	font-size: 50px; 
	font-weight: 400; 
	line-height: 59px; 
	color: #182745; 
	padding-bottom: 20px; 
} 

.uxArticle > h1 {
	font-size: 46px;
	font-weight: 400;
	line-height: 56px;
	color: #182745;
	padding-bottom: 20px;
}

.uxArticle > h2 {
	font-size: 33px;
	font-weight: 400;
	line-height: 40px;
	color: #182745;
	padding-bottom: 20px;
}

.uxArticle > h3 {
	font-size: 26px;
	font-weight: 400;
	line-height: 32px;	
	color: #182745;
	padding-bottom: 20px;
}

.uxArticle > h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 29px;
  padding-bottom: 15px; 
}

.uxArticle > h4 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;	
	color: #182745;
	padding-bottom: 20px;
}

.b0 {
	font-size: 22px;
	font-weight: 300;
	line-height: 27px;
	color: #182745;	
}

.uxArticle > ol, .uxArticle > ul {
	margin-left: 20px;
    padding-bottom: 15px;
}

.uxArticle > p,  .uxArticle > ol > li, .uxArticle > ul > li { /*standard b1 styling*/
	font-size: 22px;
	font-weight: 300;
	line-height: 25px;
	color: #182745;	
}
.uxArticle > p a {text-decoration: underline;}	

.b2 {
	font-size: 20px;
	font-weight: 400;
	line-height: 25px;
	color: #182745;	
}
.b2 a {text-decoration: underline;}	

.b3 {
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	color: #182745;	
}
.b3 a {text-decoration: underline;}	

.h1-intermediary {
	color: #182745;
	font-size: 32px;
	font-weight: 200;
	line-height: 38px;
}

.hero_title {
	color: #182745;
	font-size: 70px;
	font-weight: 200;
	line-height: 75px;
}

.homepage-hero {
	color: #182745;
	font-size: 50px;
	font-weight: 400;
	line-height: 54px;
}

.hero_info {
	color: #182745;
	font-size: 30px;
	font-weight: 200;
	line-height: 34px;
}
.hero_subtext {
	color: #182745;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
}

.text-breadcrumb {
    color: #182745;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.tooltip_header, .tooltip_body {
    color: #182745;
    font-size: 20px;
    font-weight: 200;
    line-height: 24px;
}
.tooltip_header {text-decoration: underline;}
.tooltip_body {text-decoration: none;}

/*tablet version*/ 
@media screen and (min-width: 700px) and (max-width: 1024px){
	.h0 {
		font-size: 40px; 
		line-height: 47px; 
		color: #182745; 
		padding-bottom: 20px; 
	} 
  
  	.uxArticle > h1 {
		font-size: 40px;
		line-height: 49px;
		padding-bottom: 15px;
	}
  
  	.uxArticle > h2 {
		font-size: 30px;
		line-height: 37px;
      padding-bottom: 15px; 
	}

    .uxArticle > h3 {
		font-size: 24px;
		line-height: 29px;
	}

    .uxArticle > h4 {
		font-size: 18px;
		line-height: 29px;
	}

    .b0 {
		font-size: 20px;
		line-height: 24px;
		color: #182745;	
	}

    .uxArticle > p,  .uxArticle > ol > li, .uxArticle > ul > li {
        font-size: 20px;
      }

    .b2 {
		font-size: 18px;
		line-height: 22px;
	}

    .b3 {
		font-size: 18px;
		line-height: 22px;
	}

    .h1-intermediary {
		font-size: 30px;
		line-height: 33px;
	}

    .homepage-hero {
		font-size: 40px;
		line-height: 44px;
	}

    .hero_title {
		font-size: 60px;
		line-height: 64px;
	}
    .hero_info {
		font-size: 26px;
		line-height: 30px;
	}

    .breadcrumb {
        font-size: 12px;
        line-height: 16px;
    }
} 

/*mobile version*/ 
@media screen and (max-width: 700px){
	.h0 {
		font-size: 25px; 
		line-height: 29px; 
		color: #182745; 
		padding-bottom: 20px; 
	} 
  
  	.uxArticle > h1 {
		font-size: 30px;
		line-height: 37px;
		padding-bottom: 10px;
	}
  
  	.uxArticle > h2 {
		font-size: 24px;
		line-height: 29px;
      padding-bottom: 10px; 
	}

    .uxArticle > h3 {
		font-size: 20px;
		line-height: 25px;	
        padding-bottom: 10px; 
	}

    .uxArticle > h4 {
		font-size: 16px;
		line-height: 25px;	
	}

    .b0 {
		font-size: 18px;
		line-height: 22px;
	}

    .uxArticle > p,  .uxArticle > ol > li, .uxArticle > ul > li {font-size: 16px;}

    .b2 {
		font-size: 16px;
		line-height: 20px;	
	}
    
    .b3 {
		font-size: 16px;
		line-height: 20px;	
	}	

    .h1-intermediary {
		font-size: 14px;
		line-height: 16px;	
	}	
    
    .homepage-hero {
		font-size: 30px;
		line-height: 34px;	
	}	

    .hero_title {
		font-size: 40px;
		line-height: 44px;	
	}
	.hero_info {
		font-size: 22px;
		line-height: 25px;	
	}	

    .breadcrumb {
        font-size: 12px;
        line-height: 16px;
    }
}