body {
	margin: 0px !important;
	}
		
.headerWrapper {
	display: flex;  
	flex-flow: row wrap;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 15%);
	}

.headerWrapper > * {
  flex: 1 100%;
}

.footerWrapper {
	display: flex;  
	flex-flow: row wrap;
	box-shadow: 0 2px 14px 0 rgb(0 0 0 / 15%);
	text-align: center;
	background: #2c2c2c;
	padding: 30px 0px;
	}

.footerWrapper > * {
	flex: 1 100%;
	}

.header {
	background: #2c2c2c;
	display: flex;
	justify-content: flex-end;
	font-size: 1em;
	}

.main {
	display: flex;
	justify-content: flex-end;
	font-size: 1em;
	align-items: center;
	}

.aside-1 {
	display: flex;
	align-content: flex-end;
	justify-content: center;
	margin-top: -58px;
	}

.footer {
	color: #ffffff;
	}

.footerCopyright {
	color: #cccccc;
	background: #1d1d1d;
	padding: 1em;
	text-align: center;
	font-family: open sans;
	font-size: 1.25em;
	}


.footerMain {
	display: flex;
	justify-content: flex-end;
	font-size: 1.25em;
	align-items: center;
	}

.footerAside-1 {
	display: flex;
	align-content: flex-end;
	justify-content: center;
	font-size: 1.25em;
	}

.footerAside-2 {
	font-size: 1.25em;
	}	

.topItems, ul {
	list-style: none; 
	/*display: flex; */
	justify-content: flex-end;
	}
/*
.topItems, li {
	font-weight: 800; 
	padding: .5em 1em; 
	color: #ffffff; 
	flex-direction: row;
	}
*/		
.topHeaderLink {
	color: #ffffff; 
	padding: 1.5em; 
	font-family: open sans; 
	font-weight: 600;
	}

.topHeaderLink a {
	color: #ffffff; 
	font-family: open sans; 
	font-weight: 600; 
	text-decoration: none;
	}

.topHeaderLink a:hover, a:visited {
	color: #ffffff; 
	font-family: open sans; 
	font-weight: 600; 
	text-decoration: underline;
	}
		
.bottomHeaderLink {
	color: #000000; 
	padding: 0.5em; 
	font-family: open sans; 
	font-weight: 800;
	}
	
.bottomHeaderLink a {
	color: #000000; 
	font-family: open sans; 
	font-weight: 800; 
	text-decoration: none;
	}

.footerLink {
	color: #ffffff; 
	font-family: open sans; 
	font-weight: 800;
	}

.footerLink a {color: #ffffff; 
	font-family: open sans; 
	font-weight: 800; 
	text-decoration: none;
	}

.footerLink a:hover {
	color: #ffffff; 
	font-family: open sans; 
	font-weight: 800; 
	text-decoration: none;
	}	
		
a.redContactBox:link {
	background-color: #CB2C2C; 
	color: #ffffff; 
	padding: 6px; 
	text-align: center; 
	text-decoration: none; 
	display: inline-block; 
	font-family: open sans; 
	font-weight: 700; 
	font-size: .75em
	}

.progress {
	overflow: inherit;
}

.language-toggle {
	background: #016b9d;
	padding: .5em 1em;
}

.OCsocialContainer {display: block; margin-bottom: 2rem;}

.OCsocialIcon {margin: 0 1rem;}

@media only screen and (min-width: 100px) {
	.aside { flex: 1 0 0;}
	.footerAside { flex: 3 0 0;}
	.footerAside-1 { order: 1; margin-top: 0px; align-items: center; flex-direction: column; font-size: 3em;} 
	.footerMain { order: 2; font-size: 1.25em; justify-content: center; flex-direction: column;  font-size: 3em;}
	.footerAside-2 { order: 3; flex-direction: column; align-items: center;  font-size: 3em; padding-top: 1em; padding-bottom: 1em;}
	.footer { order: 4; font-size: 3em;}
	.image1 {display: none;}
	.header {font-size: 2em; justify-content: center;}
	.header {order: 2; }
	.aside-1 { order: 1; margin-top: 0px; padding: 20px;} 
	.main { order: 3; font-size: 1.75em; justify-content: center;}
	}

@media only screen and (min-width: 1000px) {
	.main    { flex: 3 0px; font-size: 1em; justify-content: flex-end;}
	.header {order: 1; font-size: 1em; justify-content: flex-end;}
	.aside-1 { order: 2; margin-top: -58px; padding: 0px;} 
	.main    { order: 3; }
	.footer  { order: 4; }
	.image1 {display: block; height: 153px; margin-left: -80px;}
	.image-logo {display: none;}
	
	.footerMain { flex: 3 0px; }
	.footerAside-1 { order: 2; margin-left: 210px; margin-right: -100px; align-items: flex-start; font-size: 1.25em;} 
	.footerMain { order: 3; align-items: flex-start; justify-content: flex-start; font-size: 1.25em;}
	.footerAside-2 { order: 4; align-items: flex-start; margin-left: -50px; padding-top: 20px; font-size: 1.25em;}
	.footer { order: 5; font-size: 1.25em;}

	}

@media screen and (max-width: 1200px) {
	.headerWrapper {flex-direction: column;align-items:flex-start;}
	.headerWrapper ul {width: 100%; flex-direction: column;}
	.headerWrapper ul.main {margin-top: 50px;}
	.headerWrapper ul li {text-align: center;}
	.topHeaderLink, .bottomHeaderLink {padding: 0.5em;}
	.image1 {display: none;}
	.image-logo {display: inline; margin: 10px;}
}	
/*
@media only screen and (min-width: 1000px) {
	.header {font-size: 1em; justify-content: flex-end;}
	.main {font-size: 1em; justify-content: flex-end;}
	.image1 {display: block; height: 153px; margin-left: -80px;}
	.image-logo {display: none;}
	}
*/