@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:400,600');
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900,900i');

/* ------------------------------------------------------- 
   Base Styles: html is set to 62.5% so that 
   all the REM measurements throughout Skeleton 
   are based on 10px sizing. So basically 1.5rem = 15px
   Usually default font-size of the browser is 16px. 
   Setting font-size: 100% will make 1rem = 16px.
   A better way is to set font-size: 62.5%. 
   Because 62.5% of 16px is 10px. Which makes 1rem = 10px.
   ––––––––––––----------------------------––––––––––––––– */

html {
	font-family: 'Lato', sans-serif;
	color: #000;
	font-weight: 400;
	font-size: 62.5%;   
}

body, p { 
	font-size: 1.7rem; 
	line-height: 2.9rem; 
	font-weight: 400;
}

h1 { 
	font-size: 4.5rem; 
	line-height: 5.3rem; 
	font-weight: 400; 
	color: #122c50; 
	text-align: center;
	margin: 2rem 0;
	padding: 0;
}

h2 { 
	font-size: 3.5rem; 
	line-height: 5.5rem; 
	font-weight: 400;
	color: #122c50;
	text-align: center;
	letter-spacing: 0.015em;
	margin: 2rem 0;
	padding: 0;
} 

h3 { 
	font-size: 2.8rem; 
	line-height: 3.75rem; 
	font-weight: 400; 
	color: #122c50;
	text-align: left;
	margin: 2rem 0;
	padding: 0;
}

h4 { 
	font-size: 2.2rem; 
	line-height: 3.6rem; 
	font-weight: 700; 
	color: #122c50;
	text-align: left;
	margin: 3rem 0 1rem 0;
	padding: 0;
}

h5 { 
	font-size: 1.7rem; 
	line-height: 2.5rem; 
	font-weight: 700; 
	color: #122c50;
	text-align: left;
	margin: 2rem 0 0.5rem 0;
	padding: 0;
}

h6 { 
	font-size: 1.3rem; 
	line-height: 2.4rem;
	font-weight: 400; 
	text-transform: uppercase; 
	color: #122c50;
	text-align: left;
	margin: 3rem 0 1rem 0;
	padding: 0;
}

blockquote { 
	font-size: 1.7rem; 
	line-height: 2.9rem;  
}

a { 
	color: #1EAEDB;
	text-decoration: none;
}

a:hover { 
	color: #f0714f;
	text-decoration: underline;
}

nav, footer, button { 
	text-transform: uppercase;
	text-align: center;
}

button { 
	font-size: 1.2rem; 
	line-height: 2.5rem;
	margin-bottom: 1rem;
}

figcaption { 
	font-style: italic; 
	font-size: 1.4rem; 
	line-height: 1.7rem;
	padding-top: 6px;
}

h1.seperator { 
	font-size: 8.5rem; 
	line-height: normal; 
	font-weight: 600;
	font-family: 'Barlow Condensed', sans-serif;
	margin: 2rem 0 0 0;
	letter-spacing: 0.02em;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 2px 2px #333;
}

.page-title h2 { 
	font-size: 5.25rem;
	line-height: 4rem;
	font-family: 'Barlow Condensed', sans-serif; 
	color: #fff;
	text-shadow: 2px 2px #333;
}

blockquote h2 { 
	font-size: 4.5rem;
	line-height: 6rem;
	text-transform: inherit;
	font-weight: 700;
	padding-top: 10px;
	text-align: center;
	max-width: 1120px;
	margin: 0 auto;
}

h3.align-left.no-top-margin.lc.bold {
	margin-bottom: .5rem;
}

h3.first-para {
	text-align: left;
	margin-top: 0;
	margin-bottom: 1rem;
	text-transform: inherit;
	font-weight: 700;
	font-size: 2.2rem;
}

h3.content-head { 
	text-align: left; 
	margin-top: 0;
}

h3.section-title {
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.015em;
	font-size: 2.8rem;
}

h4.section-subtitle {
	line-height: 3.6rem;
	font-weight: 400;
	text-transform: uppercase;
	text-align: left;
	margin: 3rem 0 1rem 0;
}

h4.content-head-1 {
	margin-top: 0;
	text-transform: inherit;
	text-align: left;
}

h4.ul-head {
	font-size: 1.9rem;
	line-height: 2.5rem;
	margin: 3.5rem 0 .45rem 0;
	padding: 0;
	font-weight: bold;
	color: #000;
}

.notch-text h4,
h4.underline { 
	font-size: 1.7rem; 
	line-height: 2.9rem; 
	letter-spacing: 0.01em; 
}

h4.container-row { 
	font-size: 1.95rem;
	margin-bottom: 10px;
}

h4.para-title { 
	font-size: 2.2rem;
	line-height: 4.9rem;
	text-transform: inherit; 
	font-weight: 700; 
	margin: 0 0 .75rem 0; 
	text-align: left; 
}

h4.underline { 
	margin-bottom: 1.4rem;
	text-transform: uppercase;
	text-align: center;
}

#timeline h4.underline { 
	font-size: 3.5rem; 
	height: 5.5rem; 
}

h5.section-title { 
	padding-bottom: 1.8rem;    
}

h5.table-box { 
	padding: 25px; 
	margin: 0;  
	line-height: 3rem;
}

h5.child { 
	padding: 0 3.6rem;         
}

blockquote h5 { 
	font-size: 2.2rem; 
	line-height: 3.6rem; 
	font-weight: 400; 
	text-transform: none;
	text-align: center;
	padding: 1rem 0 2rem 0; 
	margin: 0 auto;
	max-width: 1120px;
}

.no-header-blockquote {
	padding-top: 2rem;
}

h5.ul-title {
	line-height: 2.3rem;
	margin: 4rem 0 2rem 0 !important;
}

h4 + p {
	margin-top: 0;
}

p {
	margin: .5rem 0 1rem 0;
}

ul {
	margin-bottom: 0;
}
ul {
	padding-left: 40px;
}

p + ul.arrow-list,
h5 + ul.arrow-list {
	margin-top: -18px !important;
}
ol, li {
	list-style-position: outside;
	padding-left: 30px;
}
ol li,
ul li {
	padding-left: 6px;
}

.button { 
	margin-bottom: 1rem;
}

.breadcrumb { 
	font-size: 1.4rem; 
	line-height: 1.7rem;  
}

.copyright p { 
	font-size: 1.2rem;  
}

.copyright p { 
	text-transform: initial;
}