@charset "UTF-8";
/* CSS Document */
/* patrick-hand-regular - latin */
@font-face {
  font-family: 'Patrick Hand';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/patrick-hand-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Patrick Hand'), local('PatrickHand-Regular'),
       url('../fonts/patrick-hand-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/patrick-hand-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/patrick-hand-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/patrick-hand-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/patrick-hand-v11-latin-regular.svg#PatrickHand') format('svg'); /* Legacy iOS */
}

/* judson-regular - latin */
@font-face {
  font-family: 'Judson';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/judson-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Judson Regular'), local('Judson-Regular'),
       url('../fonts/judson-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/judson-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/judson-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/judson-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/judson-v10-latin-regular.svg#Judson') format('svg'); /* Legacy iOS */
}

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v12-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v12-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v12-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v12-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v12-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v12-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

@media (max-width: 479px) {

	#header-wrapper {
		width: 100%;
	}

	#main-center {
		width: 100%;
	}
	
	#back-top {
		bottom:10px;
		right:0px;
	}

}

@media (min-width: 480px) {

	#header-wrapper {
		width: 85%;
	}
	
	#main-center {
		width: 85%;
	}
	
	#back-top {
		bottom:10px;
		right:0px;
	}

}

@media (min-width: 800px) {

	#header-wrapper {
		width: 75%;
	}
	
	#main-center {
		width: 75%;
	}

}

@media (min-width: 1024px) {

	#header-wrapper {
		width: 65%;
	}
	
	#main-center {
		width: 65%;
	}
	
	#back-top {
		bottom:15px;
		right:10px;
	}

}

@media (min-width: 1280px) {

	#header-wrapper {
		width: 60%;
	}
	
	#main-center {
		width: 60%;
	}

}

@media (min-width: 1640px) {

	#header-wrapper {
		width: 55%;
	}
	
	#main-center {
		width: 55%;
	}
	
	#back-top {
		bottom:10px;
		right:20px;
	}

}

@media (min-width: 1920px) {

	#header-wrapper {
		width: 50%;
	}
	
	#main-center {
		width: 50%;
	}
	
	#back-top {
		bottom:10px;
		right:30px;
	}

}


* {
    margin: 0;
    padding: 0;
}
 
html, body {
	height: 100%;
	background-color: #CCC;
	background-image: url(../images/library-shelf.jpg);
	background-size: cover;
	/*background-repeat: repeat;*/
	background-attachment: fixed;
	background-position: center;
	/*background-blend-mode: screen;*/
	font-family: 'Titillium Web', Verdana, sans-serif;
	/* font-size: 18px; */
	/* text-shadow: 4px 4px 4px #aaa; */
	/* line-height: 1.3em; */
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Muli', sans-serif;
	/* text-shadow: 4px 4px 4px #aaa; */
}

h5	{
	font-size: 1.64rem;
    line-height: 110%;
    margin: .82rem 0 .656rem 0;
}

h6	{
    font-size: 1.3rem;
    margin: .6rem 0 .4rem;
}

p {
	padding: 0.2em 0.3em 0.2em 0;
}

ul {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}

a {
	text-decoration: none;
	color:inherit;
	font-weight:bold;
}

a:hover {
	color:red;
}

#wrapper {
	position: relative;
	min-height: 100%;
	/* [disabled]width: 50em; */
	margin: 0 auto;
	/* [disabled]background-color: silver; */
}
 
#body {
	/* [disabled]background-color: orange; */
	padding-bottom: 2em;
	/* [disabled]width: 50em; */
	/* [disabled]margin: 0 auto; */
}
 
#header {
	/* [disabled]background-color: #DDD; */
	width: 100%;
	/* [disabled]margin: 0 auto; */
	height: 5em;
	/* [disabled]opacity: 0.5; */
	padding: 1em 0em 0em 0em;
	/* [disabled]display:flex; */
	/* [disabled]align-content: center;*/
	/* [disabled]align-items: center;*/
	/* [disabled]border-bottom: 2px solid blue; */
	/* [disabled]position: absolute; */
	top: 0px;
	/* [disabled]position:absolute;*/
        border-bottom: 2px solid blue;
}

#header-wrapper {
	position: relative;
	margin: 0 auto;
	/*width: 55%;*/
	height: 100%;
	vertical-align: middle;
	display:flex;
	align-items:center;
}

#header h1 {
	font-size: 1.8em;
	font-weight: bold;
}

#header-left {
	position:relative;
	float:left;
        width:400px;
}

#header-right {
	position:relative;
	float:right;
	/*top:1.6em;*/
	/*right:0;*/
}

#main {
	width: 100%;
	/* [disabled]padding: 8em 0em 0em 0em;*/
	/* [disabled]position:relative;*/
	padding:2em 0;
}

#main h1, h2 {
	padding-bottom: 0.6em;
}

#main h3, h4 {
	padding-bottom: 0.4em;
}

#main h5, h6 {
	padding-bottom: 0.2em;
}

#main-center {
	margin:0 auto;
}

#footer {
	position: relative;
	bottom: 0;
	width: 100%;
	/* [disabled]background-color: yellow; */
	/* [disabled]height: 2.4em;*/
	left: auto;
}

#footer-main {
	position: relative;
	margin: 0 auto;
	width: 75%;
	/* [disabled]background-color:green; */
	border-top: 2px solid blue;
	padding: 0.5em;
	text-align:center;
}

#footer a {
	color: inherit;
	font-size: 1em;
	font-weight: bold;
}
#footer a:hover {
	color: red;
	font-size: 1em;
	font-weight: bolder;
}

#back-top {
	width: 40px;
	height: 40px;
	display: none;
	background: url("../images/arrow-up-grey.png");
	position: fixed;
	z-index:99;
} 

.font1-2 {
	font-size:1.2em;
	font-weight:bold;
}

.font1-5 {
	font-size:1.5em;
	font-weight:bold;
}

.main-row {
	width: 100%;
	margin: 0 auto;
	float: left;
	position: relative;
}

.picture-left {
	width:35%;
	margin: 0 auto;
	float:left;
	position:relative;
}
.content-right {
	width:65%;
	margin:0 auto;
	float:right;
	position:relative;
	top:3.5em;
}

/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

.spacer2 {
	position:relative;
	width: 2em;
	float:left;
}

.spacer4 {
	position:relative;
	width: 4em;
	float:left;
}

.font-my {
	font-family: 'Judson', cursive !important; 
	font-size: 36px;
	text-shadow: 1px 1px 2px #aaa;
	vertical-align: middle;
	padding: 0 0.1em 0.5em 0.2em;
}

.font-schmoeker {
	font-family: 'Patrick+Hand', cursive !important; 
	font-size: 48px;
	text-shadow: 2px 2px 2px #aaa;
	padding: 0 0.2em 0 0;
}

.show {
	display: initial;
}

.dontshow {
	display: none;

}