:root {
    color: #4D4D4D;

    --white: #FFFFFF;
    --green-text: #6ABBB2;
    --green-background: #E1F2F0;
    --purple-text: #8E2C65;
    --purple-background: #E8D6E0;
	--purple-dark-background: #8E2C65;
    --orange-text: #EA9A3F;
    --orange-background: #FCEBD9;
    --red-text: #E1605D;
    --red-background: #F8D7D7;
    --icon-width: 40px;
    --header-height: 110px;
	--gray-background: #F2F2F2;
}

body {
    margin: 0;
    padding: 0;
}

.container {
    
    margin: 0 auto;
}
.textdiv-l{
	min-width: 550px;
	max-width: 550px;
	float:right;
}
.textdiv-r{
	min-width: 550px;
	max-width: 550px;
	float:left;
}
.indent {
width:410px;
padding-left: 20px;
}

.header {
    position: sticky;
    height: var(--header-height);
    top: 0;
}

.sub-header {
    position: sticky;
    top: var(--header-height);
}

a {
    text-decoration: none;
}

h1 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 60pt;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 0;
}

h2 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 28pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.05em;
}

h3 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 23pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.05em;
}

h4 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.05em;
}

h5 {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0;
    letter-spacing: 0.05em;
}



p {
    font-size: 13pt;
    margin: 0;
	display: inline-block;
}

.ptext {
    font-family: 'Menlo Regular';
	text-align: justify;
}

.pcolored-heading {
    font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}

.title {
    margin: 0;
}

.row {
    display: flex;
	min-width:1200px;
}

.column {
    flex: 1;
    padding: 30px;
}

.footer-logo-left {
	position: relative;
	float: right;
}

.l {
    background-color: var(--green-background);

}

.r {
    background-color: var(--white);

}


.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}


.green-text {
    color: var(--green-text);
}

.purple-text {
    color: var(--purple-text);
}

.orange-text {
    color: var(--orange-text);
}

.red-text {
    color: var(--red-text);
}

.green-b {
    background-color: var(--green-background);
}
.freespace {
	margin-bottom: 10pt;
	margin-top: 10pt;
}


.label--green {
    display: inline-block;
    padding: 5pt;
    font-size: 10pt;
    border-radius: 40pt;
    background-color: var(--green-background);
    color: var(--green-text);
	margin-left: -4pt;

}

.label--purple {
    display: inline-block;
    padding: 5pt;
    font-size: 10pt;
    border-radius: 40pt;
    background-color: var(--purple-background);
    color: var(--purple-text);
	margin-left: -4pt;
	
}

.label--dark-purple {
    display: inline-block;
    padding: 3pt;
    font-size: 8pt;
    border-radius: 40pt;
    background-color: var(--purple-dark-background);
    color: var(--white);
	margin-left: 2pt;
	margin-bottom: 3pt;
	
}

.label--orange {
    display: inline-block;
    padding: 5pt;
    font-size: 10pt;
    border-radius: 40pt;
    background-color: var(--orange-background);
    color: var(--orange-text);
	margin-left: -4pt;

}

.label--red {
    display: inline-block;
    padding: 5pt;
    font-size: 10pt;
    border-radius: 40pt;
    background-color: var(--red-background);
    color: var(--red-text);
	margin-left: -4pt;
	

}

.icon-info {
    height: 20pt;
    width: 20pt;
    margin-left: 10px;
    border-radius: 20pt;
    background-color: var(--purple-text);
    color: var(--white);
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
}

.arrow-icon {
    box-sizing: border-box;
    padding: 5px;
    margin: 0 5px;
}

.hamburger-icon {
    box-sizing: border-box;
    padding: 3px;
    margin: 0 5px;
}

.mandatory-icon {
	display: inline-block;
	margin-bottom: 0px;
}

.document-icon {
	width: 20px;
	height: auto;
	align: bottom;
	margin-bottom: -5px;
}

.arrow {
    font-size: 30px;
    color: var(--white);
    margin-top: -10px;
}

.p-width{
	width: 450px;
	
}


.green {
    background-color: var(--green-text);
}

.purple {
    background-color: var(--purple-text);
}

.orange {
    background-color: var(--orange-text);
}

.red {
    background-color: var(--red-text);
}

.white {
    background-color: var(--white);
}

.content-block-left {
    margin-left: var(--icon-width);
}

.content-block-left-content {
    margin-top: calc(var(--icon-width) / 6);
	margin-bottom: 10pt;
}

.flex {
    display: flex;
}

.footer {
    height: 100px;
    background-color: var(--gray-background);
}

.footer-img {
	width: 120px;
	height: auto;
	
}
.header-img {
	width: 190px;
	height: auto;
	
}
.footer-logo {
	margin-top: -10px;
}



.footer-links {
    flex: 1;
    align-items: center;
    justify-content: space-evenly;
	color: var(--green-text);
	font-family: 'Helvetica';
}

.footer-title {
    flex: 1;
    align-items: center;
    justify-content: right;
}