body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, code, blockquote {
	margin:0;
	padding:0;
	border-width:0;
}

.grid {
  display: grid;
  grid-template-columns: minmax(20px, 1fr) repeat(6, minmax(10px, 150px)) minmax(20px, 1fr);
  grid-gap: 0px;
}

.vertical_3_6 {
    grid-column: 3 / -2;    
}
.vertical_4_6 {
    grid-column: 4 / -2;    
}

.nested_wrap {
    display: grid;
    grid-column: 2 / -2;
}

.nested_syn {
    display: grid;
    grid-column: 3 / -2;
}

.wrapper {
  	grid-column: 2 / -2;
}

.grid-container {
  	display: grid;
  	grid-template-columns: 6% 44% 32% 18%;
}

.grid-container-two {
  	display: grid;
  	grid-template-columns: 25% 75%;
}
.grid-container-three {
  	display: grid;
  	grid-template-columns: 5% 25% 70%;
}

.wrapper_full {
	display: grid;
  	grid-column: 1 / -1;
	grid-template-columns: subgrid;
}


/* color backgrounds----------------------------------------------*/


.full-width {
  	grid-column: 1 / -1;
	top: 0;
	z-index: 3;
}


.full-width-sticky {
  	grid-column: 1 / -1;
	position: sticky;
	top: 0;
	z-index: 3;
}

.full-width_icon_pattern {
    display: grid;
  	grid-column: 1 / -1;
	/* background-color: #fff; */
    background-image: url(../image/icon_pattern_green.svg);
    background-repeat: repeat;
    /* grid-template-columns: subgrid; */
	height: 30svh;
	/* position: sticky; */
	top: 0;
	/* z-index: -1; */
}


.full-width_green1 {
  	grid-column: 1 / -1;
	background-color: #50be95;
	margin-top: 8rem;
	position: sticky;
	top: 0;
	z-index: 5;
}

.full-width_green4 {
    display: grid;
  	grid-column: 1 / -1;
	background-color: #bbe0ce;
    position: sticky;
	top: 15px;
	z-index: -1;
}

.full-width_green5 {
    display: grid;
  	grid-column: 1 / -1;
	background-color: #dbeee4;
    grid-template-columns: subgrid;
	position: sticky;
	top: 15px;
	z-index: -1;
}

.wrapper_green5 {
  	grid-column: 2 / -2;
	background-color: #dbeee4;
}

.breathing {
	margin-top: 3rem;
}

.breathing__ {
	margin-top: 14rem;
}

/* img properties----------------------------------------------*/


img.centered {
  	display: block;
    max-width: 900px;
	margin: 0 auto;
}

img.chapter_icon {
    display: block;
    max-width: 100px;
}

/* color properties----------------------------------------------*/

.orange1 {
    color: #f37021;
}
.orange5 {
	background-color: #fedec7
}
.bg_orange1 {
	background-color: #f37021;
}
.green1 {
    color: #50be95;
}
.bg_green1 {
    background-color: #50be95;
}
.bg_green4 {
    background-color: #bbe0ce;
}
.bg_green5 {
    background-color: #dbeee4;
}
.purple1 {
    color: #925480;
}
.bg_purple1 {
    background-color: #925480;
}
.bg_purple5 {
    background-color: #e0d2db;
}
.blue0 {
    color: #003d58;
}
.blue1 {
    color: #0088a5;
}
.bg_blue1 {
    background-color: #0088a5;
}
.bg_blue5 {
    background-color: #c8dce5;
}
.red1 {
    color: #db5967;
}
.bg_red1 {
    background-color: #db5967;
}
.bg_red5 {
    background-color: #f6d9d6;
}


/* type-----------------------------------------------------------*/

:root {
    --fs-headsin: clamp(1.2rem, calc(1.2rem + 1vw), 1.8rem);
	--fs-head4: clamp(1.8rem, calc(1.8rem + 1.5vw), 2.5rem);
    --fs-body: clamp(1rem, calc(1rem + 2vw), 1.4rem);
    --fs-caption: clamp(0.9rem, calc(0.9rem + 0.5vw), 1.2rem);
}


a:link, a:visited {
  color: #353535;
  text-decoration: underline solid #e6ffec 6px;
}

a:hover, a:active {
  background-color: #e6ffec;
  color: black;
}


h3.chapter {
	color:#003d58;
	font-family: "ff-dax-pro-condensed",sans-serif;
	font-size:3rem;
	font-style:normal;
	font-variant:normal;
	font-weight:700;
	line-height:0.9;
	margin-bottom:2rem;
	margin-left:0;
	margin-right:0;
	margin-top:3rem;
	orphans:1;
	page-break-after:auto;
	page-break-before:auto;
	text-align:left;
	text-decoration:none;
	text-indent:0;
	text-transform:none;
	widows:1;
}

h4.headline {
	font-family: "ff-dax-pro-condensed",sans-serif;
	font-size: var(--fs-head4);
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.1;
	margin-bottom:2rem;
	margin-left:0;
	margin-right:0;
	margin-top:6rem;

}

h5.headline {
	font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-headsin);
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:4rem;
	margin-left:0;
	margin-right:0;
	margin-top:0;

}
h6.subhead {
	font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-body);
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:1.2;
	margin-bottom:1rem;
	margin-left:0;
	margin-right:0;
	margin-top:4rem;
}

p.synopsis {
    color: #0087a4;
	font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-body);
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:1.278;
	margin-left: 0;
	margin-right: 0;
	margin-top:1rem;
    margin-bottom:2rem;
}

p.bodycopy {
	color:#000000;
	font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-body);
	font-style:normal;
	font-variant:normal;
	font-weight:400;
	line-height:1.278;
	margin-bottom:1rem;
	margin-left:0;
	margin-right:0;
	margin-top:0;

}

li.bullet {
    font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-body);
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.278;
    list-style-position:outside;
	list-style-type:disc;
	margin-bottom:3px;
	margin-left:24px;
	margin-right:0;
	margin-top:0;
}

li.notes {
    color: #50bd94;
    font-family: "ff-dax-pro",sans-serif;
	font-size: var(--fs-caption);
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.278;
    list-style-position:outside;
	list-style-type:disc;
	margin-bottom:3px;
	margin-left:24px;
	margin-right:6rem;
	margin-top:0;
}

p.caption {
	color:#000000;
	font-family: "ff-dax-pro",sans-serif; 
	font-size: var(--fs-caption);
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.455;
	opacity: 60%;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;

}


span.bold {
	font-style:normal;
	font-weight:bold;
}


@media (max-width: 1250px) {
	.mobile_hidden {
		display: none;
	}
	.grid-container {
 	 	display: grid;
  		grid-template-columns: 10% 65% 1% 24%;
	}
}