@import url('https://fonts.googleapis.com/css2?family=faculty glyphic:wght@400;600;700&display=swap');

/*all*/
a,a.visited,a:hover{
	/* color:#7d61a3; */
}

a.boxblue, a.boxblue:visited{
	display:inline-block;
	margin-top:10px;
	padding:10px 20px 10px 20px;
	border:1px solid #aabed5;
	border-radius: 25px;
	text-decoration:none;
	background-color:#aabed5;
	color:#313715;
}
a.boxblue:hover{
	border-color:#F6CBCCD8;
	background-color:#F6CBCCD8;
	color:#313715;
}

a.boxlightbrown, a.boxlightbrown:visited{
	display:inline-block;
	margin-top:10px;
	padding:10px 20px 10px 20px;
	border:1px solid #ab975d;
	border-radius: 25px;	
	text-decoration:none;
	color:#313715;
}
a.boxlightbrown:hover{
	text-decoration:none;
	background-color:#AB975D;
	border-color:#AB975D;
	color:#F4F6DF
}
a.boxbrown, a.boxbrown:visited{
	display:inline-block;
	margin-top:10px;
	padding:10px 20px 10px 20px;
	border:1px solid #313715;
	background-color:#313715;
	border-radius: 25px;	
	text-decoration:none;
	color:#F4F6DF;
}
a.boxbrown:hover{
	text-decoration:none;
		border-color:#E9EDBF;
		background-color:#E9EDBF;
		color:#313715;
}
p {margin:5px 0px 1px 0px}
ul {margin:1px 0px 1px 0px}



/*small screen = default*/
body{
	font-family:'Eudoxus Sans',system-ui,sans-serif,verdana;
	font-weight:400;
	font-style:normal;
	font-size:medium;
	background-color:#f4f6df;
	color:#313715;	
	line-height:180%;
	padding:0;
	margin:0;
	border:0;
}

div.logo{
	display:none;
}
div.logoMobile{
	display:block;
	overflow:auto;
	text-decoration:none;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #313715;
}
div.logoMobile img{
	display:inline-block;
	width:250px;
	float:left;
}
div.logoMobile div{
	font-family:'verdana',sans-serif;
	font-weight:50;
	color:#313715;
	display:inline-block;
	float:right;
	padding:25px 10px 0px 10px;
	font-size:50px;
	cursor:pointer;
}

.dividerline {
	display:none;
}

h1{
	font-family:'faculty glyphic',sans-serif;
	font-weight:600;
	font-style:normal;
	color:#313715;
	line-height:120%;
	margin-top:30px;
	margin-bottom:20px;
}
h2{
	font-family:'faculty glyphic',sans-serif;
	font-weight:600;
	font-style:large;
	color:#313715;
	margin-top:10px;
	margin-bottom:10px;
}
h3{
	font-family:'faculty glyphic',sans-serif;
	font-weight:600;
	font-style:normal;
	margin-top:10px;
	margin-bottom:10px;
}
h4{
	font-family:'Eudoxus Sans',system-ui,sans-serif,verdana;
	font-weight:400;
	font-style:normal;
	font-size:normal;
	font-weight:bold;
	margin-top:5px;
	margin-bottom:5px;
}

.left{display:none;}
.mid{
	margin:0;
}
.right{display:none;}


.imageblock-left{
	clear:both;width:80%;margin-left:15px;min-width:80%;padding:5px 20px 10px 20px;
}
.textblock-right{
	clear:both;width:90%;min-width:250px;padding:5px 20px 10px 20px;
}
.textblock-left{
	clear:both;width:90%;min-width:250px;padding:5px 20px 10px 20px;
}
.imageblock-right
{
	clear:both;width:80%;margin-left:15px;padding:5px 20px 10px 20px;
}	
.textblock-fullwidth{
	clear:both;padding:5px 10px 10px 10px;
}
.textcolumn4
{
	padding:25px 0px 0px 0px;
}
.contactblock{
	margin:0px;
}
.blockblue{
	clear:both;background-color: #aabed5;
}
.blockpink{
	clear:both;background-color: #f6cbcc;
}


.footer{
	overflow:auto;
	background-color:#e9edbf;
	margin:0;
	line-height:120%;
	font-size:70%;
}
.footer-float-left {
	width:50%;
	margin:10px auto 5px auto;
	text-align:center;
}
.footer-float-right {
	width:50%;
	margin:10px auto 5px auto;
	text-align:center;
}
.after-footer-float{
	clear:left;
}




	
/*big screen*/
@media screen and (min-width:737px){
	body{
		font-size:18px;
		background:#f4f6df;
	}
	
	div.logo, div.logo a, div.logo img {
		display:block;
		overflow:auto;
		margin:auto;
		float:left;
	}
	
	div.logoMobile{
		display:none;
	}
	
	.dividerline {
		display:block;clear:both;height:1px; border:none;margin:0;padding:0;background:#313715
	}
	
	h1{
		font-size:38px;
		margin-top:20px;
		margin-bottom:20px;
		padding-top:15px;
		padding-bottom:15px;
	}
	h2{
		font-size:26px;
		margin-top:10px;
	}
	h3{
		font-size:18px;
	}
	h4{
		font-family:'Eudoxus Sans',system-ui,sans-serif,verdana;
		font-weight:400;
		font-style:normal;
		font-size:medium;
		margin-top:5px;
		margin-bottom:5px;
	}
		
	.left{
		display:table-cell;
		
		height:100%;
	}
	.mid{
		vertical-align:top;
		display:table-cell;
		width:1440px;
		min-width:800px;
		max-width:1440px;
		height:100%;
	}
	.right{
		display:table-cell;
		min-height:800px;
	}

	.imageblock-left{
		clear:none;float:left;width:50%;min-width:250px;margin:0px;
	}
	.textblock-right{
		clear:none;float:right;width:45%;min-width:250px;padding:20px 10px 20px 10px;
	}
	.textblock-left{
		clear:none;float:left;display: inline-block;width:35%;min-width:250px;padding:20px 20px 20px 20px;
	}
	.imageblock-right
	{
		clear:none;float:right;width:50%;min-width:250px;margin:0px;
	}

	.textblock-fullwidth{
		clear:none;padding:20px 20px 20px 20px;
	}
	.textcolumn4
	{
		display:block;
		float:left;
		width:20%;
		padding:0px 25px 0px 0px;
	}
	.contactblock{
		margin-top:120px;
	}

	.blockblue{
		clear:none;overflow: hidden;
	}
	.blockpink{
		clear:none;overflow: hidden;
	}

	.footer{
		font-size:75%;
	}
	
	.footer-float-left{
		width:18%;
		max-width:25%;
		text-align:left;
		float:left;
		margin:30px;
	}
	.footer-float-right{
		float:right;
		width:20%;
		text-align:right;
		margin:30px;
	}
 
}