body * {
	font-family: 'Open Sans' !important;
	font-weight: 300;
	font-size: 20px;
}
body {
	color: #000;
}

h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.6em;
}

#header {
	margin-bottom: 10px;
}

#header-title p {
	font-family: 'Open Sans';
    font-size: 2vw;
    line-height: 3.5vw;
    font-weight: normal;
    margin: 0px;
	padding: 0px;
	padding-top: 9%;
}

#header-title a:hover {
	text-decoration: none;
	color: #56638f;
}

#header-image {
	margin-top: 16px;
	margin-bottom: 10px;
	margin-right: 19px;
}

#left ul.nav.menu li a {
	font-size: 3vw;
}


#header-image p {
	margin: 0px;
	padding: 0px;
}

.header-logo {
	padding-top: 14%;
	text-align: center;
    vertical-align: middle;
}

#mobile-slogan {
	font-size: 16px;
	padding: 0px 5%;
}
#mobile-slogan a:hover {
	text-decoration: none;
	color: #56638f;
}

#left ul.menu li a,
#left ul.menu li span.separator,
#left ul.nav li a,
#left ul.nav li span.separator {
  font-size: 1.7em;
}

@media screen and (min-width:1000px) {
	#header-title p {
		font-size: 20px;
    	line-height: 35px;
	}
}

@media screen and (max-width:900px) {
	#left ul.menu li a,
	#left ul.menu li span.separator,
	#left ul.nav li a,
	#left ul.nav li span.separator {
	  font-size: 1.3em;
	}
}

@media screen and (max-width:758px) {
	
	#left ul.menu,
	#left ul.nav {
		display: flex;
		justify-content: space-between;
	}
	#left ul.menu li a,
	#left ul.menu li span.separator,
	#left ul.nav li a,
	#left ul.nav li span.separator {
		font-size: 5vw;
	}
	
	.moduletable_menu {
		padding: 4px;
    	padding-left: 15px !important;
	}
	#left .inner {
		padding: 5px !important;
	}
	#header-image {
		margin-top: 1px;
		margin-bottom: 1px;
		margin-right: 1px;
	}
	body * {
		font-size: 15px;
	}
	h2 {
		font-size: 1.8em;
	}
	h3 {
		font-size: 1.4em;
	}
	
}
@media screen and (max-width:524px) {
	.nav.menu li { padding-right: 15px;}
	.nav.menu li:last-child { padding-right: 0px;}
	.nav.menu li a {
		font-size: 4.4vw !important;
	}
	#header-title p a {
		display: none;
	}
	#wrapper > .inner {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	#left ul.menu,
	#left ul.nav {
		flex-direction: column;
    align-items: center;
	}
	#left ul.menu li a,
	#left ul.menu li span.separator,
	#left ul.nav li a,
	#left ul.nav li span.separator {
		font-size: 7vw;
	}
}
@media screen and (max-width:355px) {
	.nav.menu li {padding-right:5px; padding-left: 5px;}
	.nav.menu li:first-child {padding-left:0px;}
	.nav.menu li:last-child {padding-right:0px;}
	.nav.menu li a {font-size: 15px !important;}
	.moduletable_menu {padding-left: 5px !important; text-align: center;}
	#left ul.menu li a,
	#left ul.menu li span.separator,
	#left ul.nav li a,
	#left ul.nav li span.separator {
		font-size: 25px;
	}
}