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

	/* section: BODY */

	section.component[data-component="body"] { position:relative; left:50%; transform:translateX(-50%); }
	@media screen and (min-width:1440px)                        {	section.component[data-component="body"] { width: 1200px; } /*	XXXL: 1440 -		*/	}
	@media screen and (min-width:1240px) and (max-width:1439px) {	section.component[data-component="body"] { width: 1100px; } /*	 XXL: 1240 - 1439	*/	}
	@media screen and (min-width:1040px) and (max-width:1239px) {	section.component[data-component="body"] { width: 1000px; } /*	  XL: 1040 - 1239	*/	}
	@media screen and (min-width: 960px) and (max-width:1039px) {	section.component[data-component="body"] { width:  900px; } /*	   L:  960 -  375	*/	}
	@media screen and (min-width: 860px) and (max-width: 959px) {	section.component[data-component="body"] { width:  800px; } /*	   M:  860 -  959	*/	}
	@media screen and (min-width: 700px) and (max-width: 859px) {	section.component[data-component="body"] { width:  680px; } /*	   S:  700 -  859	*/	}
	@media screen and (min-width: 580px) and (max-width: 699px) {	section.component[data-component="body"] { width:  560px; width: calc(100% - 60px); } /*	  XS:  580 -  699	*/	}
	@media screen and (min-width: 310px) and (max-width: 579px) {	section.component[data-component="body"] { width:  310px; width: calc(100% - 30px); } /*	 XXS:    0 -  375, mirror: 310	*/	}


	/* typography */

	.body h1, .body p.h1,
	.body h2, .body p.h2,
	.body h3, .body p.h3,
	.body h4, .body p.h4,
	.body h5, .body p.h5,
	.body h6, .body p.h6 {
		font-weight: normal;
		font-size: 2rem;
		line-height: 1.3;
		margin: 15px 0 10px 0;
		padding: 0 0 0 0;
	}
	.body h1, .body p.h1 {
		color:var(--brand_blue);
		font-size: 4rem;
		line-height: 1.3;
	}
	.body h2, .body p.h2 {
		color:var(--brand_blue);
	}
	.body h3, .body p.h3 {
		color:var(--brand_blue);

	}
	.body h4, .body p.h4 {
		color:var(--brand_gray);
		font-family: Lato-Light;
	}
	.body h5, .body p.h5 {
	
	}
	.body h6, .body p.h6 {
	}
	
	.body p,
	.body ul li,
	.body ol li {
		font-weight: normal;
		margin:0;
		padding: 0;
		color:#000000; 
		-webkit-hyphens: auto;
			-ms-hyphens: auto;
				hyphens: auto;

	}

	/* special styles */
	
	.body h2 {
		font-family: Lato-Light;
		font-size: 5rem;
		line-height: 1;
		color: var(--brand_blue);
		margin-block:50px;
	}
	.body p,
	.body ul li,
	.body ol li {
		font-family: Lato-Light;
		color: var(--brand_darkgray);
	}
	.body p b, .body p strong {
		font-family: Lato;
		font-weight: normal;
	}
	.body p.list-title {
		margin: 1em 0;
		font-weight: bold;
	}


	
		/* title size modifiers */
	
		h2.tiny,    h3.tiny,    h4.tiny,    h5.tiny,    h6.tiny     { font-size: 2.0rem; line-height: 2.5rem; }
		h2.smallest,h3.smallest,h4.smallest,h5.smallest,h6.smallest { font-size: 2.3rem; line-height: 3.3rem; }
		h2.smaller, h3.smaller, h4.smaller, h5.smaller, h6.smaller  { font-size: 2.6rem; line-height: 3.4rem; }
		h2,         h3,         h4,         h5,         h6          { font-size: 2.8rem; line-height: 3.5rem; }
		h2.bigger,  h3.bigger,  h4.bigger,  h5.bigger,  h6.bigger   { font-size: 3.2rem; line-height: 4.3rem; }
		h2.biggest, h3.biggest, h4.biggest, h5.biggest, h6.biggest  { font-size: 3.6rem; line-height: 4.9rem; }
		h2.huge,    h3.huge,    h4.huge,    h5.huge,    h6.huge     { font-size: 4.4rem; line-height: 5.3rem; }
	
		/* copy size modifiers */
	
		p.smallest { font-size: 1.1rem;  line-height: 1.6rem; }
		p.smaller  { font-size: 1.2rem;  line-height: 1.7rem; }
		p          { font-size: 1.5rem;  line-height: 2.0rem; }
		p.bigger   { font-size: 1.8rem;  line-height: 2.3rem; }
		p.biggest  { font-size: 2.1rem;  line-height: 2.6rem; }

		ul.smallest li { font-size: 1.1rem;  line-height: 1.2; }
		ul.smaller  li { font-size: 1.2rem;  line-height: 1.2; }
		ul          li { font-size: 1.5rem;  line-height: 2.2; }
		ul.bigger   li { font-size: 1.8rem;  line-height: 2.2; }
		ul.biggest  li { font-size: 2.1rem;  line-height: 2.2; }
		
		/* indexes */

		Xsub {
		}
		Xsup {
			display: inline-block;
			vertical-align: top;
			position: relative;
			font-weight: normal;
			font-size: 70%;
			top: -0.4em;
			width: 1em;
			height: 30px;
			margin: 0 0 -30px 0;
			padding: 0 0 0 1px;
			outline: 0px solid red;
			opacity: 0.7;
			overflow: hidden;
		}
		
		sup, sub { display: inline-block; position: relative; font-size: .5em; font-weight: bolder; }
		sup { line-height:0.8em; vertical-align:middle; top:-0.5em; margin-top:-0.5em; }
		sub { line-height:0.8em; vertical-align:middle; top: 0.5em; margin-top:-0.5em; }

		/* font type modifiers */

		.content-lead p { font-family: inherit;        font-weight: bold;    font-size: 2.0rem;  line-height: 1.3;  margin:  0   0 10px 0;       padding: 0 0 0 0;      color:#000000; text-transform: none;      letter-spacing: 0.02rem; }
		ul,ol           { font-family: inherit;        font-weight: normal;  font-size: 1.5rem;  line-height: 1.4;  margin:  0   0 10px 0.0rem;  padding: 0 0 0 1.8rem; color:#000000; list-style:disc; }
		ul li, ol li    { font-family: inherit;        font-weight: inherit; font-size: inherit; line-height: inherit; margin:  0   0  0 0.0rem;    padding: 0 0 0 0.6rem; color:inherit; }
		ul li           { list-style:disc; }
		ol li           {  }
		table           { font-family: inherit;        font-weight: normal;  font-size: 1.5rem;  line-height: 1.8rem;  margin:  0   0 10px 0;       padding: 0;            color:#000000; }
		table tr td     { font-family: inherit;        font-weight: inherit; font-size: inherit; line-height: inherit; margin:  0;                  padding: 0;            color:#000000; vertical-align: top; }