:root {
	--background-ads-color:rgba(93, 172, 184, .05);
	--background-ads-shadow-color: rgba(28, 159, 178,.1);
	}
#header {
	box-shadow: 0 1px 1px var(--background-ads-shadow-color);
}
#footer {
	border:none;
	padding-bottom:3em;
	}
.welcome {
	min-height:122px;
	padding:0 20px;
	margin-right:50%;
	max-width:560px;
}

.welcome-links {
	padding:0 var(--padding);
}
.welcome-links a {
	display:inline-block;
	white-space:nowrap;
	padding:8px 25px;
	border:5px solid rgba(162, 214, 227, .4);
	background:var(--background-color);
	border-radius:51px;
	margin:10px 10px 10px 6%;
	font-weight:bold;
	font-size:1.2em;
}
.welcome-links a + a {
	margin:10px 0 10px 3px;
}
.welcome-links a:hover {
	background:var(--background-color);
	border:5px solid rgba(162, 214, 227, .45);
	transition:400ms all ease;
}

.blurb {
	display:inline-block;
	padding-top:13px;
	width:125px;
	height:125px;
	box-sizing:border-box;/*
	background:rgba(24, 197, 155, .15);
	border:12px solid rgba(255, 255, 255, .3);*/
	border-radius:150px;
	position:absolute;
	right:23%;
	top:10px;
	font-size:32px;
	font-weight:bold;
	line-height:.95;
	text-align:center; 
	color:rgb(48, 44, 48);
	vertical-align:middle;
	opacity:.8;
	}
.blurb small {
	font-size:23px;
	font-weight:normal;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-4px;
	margin:0 -2px;
	}
.blurb1 {
	width:170px;
	height:170px;
	right:31%;
	top:26px;
	font-size:36px;
	padding:1px;
	padding-top:26px;
	}
.blurb1 small {
	margin:0 -3px;
	top:-6px;
	}
.blurb2 {
	width:139px;
	height:139px;
	right:10%;
	top:80px;
	padding:15px 6px 9px 6px;/*
	background:rgba(255, 17, 155, .15);*/
	}
.blurb2 small {
	font-size:20px;
	top:-3px;
	}
.blurb3 {
	width:139px;
	height:139px;
	right:22%;
	top:160px;
	padding:11px 2px 9px 2px;
	font-size:30px;/*
	background:rgba(255, 137, 155, .25);*/
	}
.blurb3 small {
	font-size:18px;
	top:0px;
	line-height:1
	}
main {
	padding:0;
	background: 
        linear-gradient(to top left, 
        rgba(162, 214, 227, .35), rgba(162, 214, 227, .15), rgba(162, 214, 227, .03));
}
/*
#content {
	padding:1px var(--padding) var(--padding) var(--padding);
	background:url(/images/library/girl1.png?3) 51% -41px no-repeat, url(/images/library/girl2.png?3) 111% -41px no-repeat;
	
	
}  
*/
#content {
	padding:1px var(--padding) var(--padding) var(--padding);
	
	
}
/**/
@media only screen and (min-width: 150px) {

	#content {
		background: url(/images/library/girl2.png?31) 107% -41px no-repeat;
	}
}

h1 {
	font-size:31px;
	text-transform:none;
	padding:0 20px;
	line-height:1.2;
	margin-right:220px;
	position:relative;
	z-index:3;
} 

.panels > div {
 	background:var(--background-color);
 	padding:10px var(--padding);
 	border-radius:10px;
 	box-shadow:0px 3px 32px var(--background-ads-color);
 	margin-bottom:1em;
 	min-height:200px;
 	}

@media only screen and (min-width: 850px) {
	.panels {
 		display:grid;
 		grid-gap:var(--padding) 30px;
  		grid-template-columns: auto 1fr ;
 		margin:10px 10px;
 	}
 	.panels > div + div {
 		padding-left:1.5em;
 		max-width:500px;
 	}
 	

}

 	.panels > div img {
 		float:left;
 		margin:0 1.5em 1em -2px;
 	}
.panels div.full {
 	grid-column: auto / span 2;
 	}
.panels div.nobg {
 	background:none;
 	}
.panels div.nopadding {
 	padding:0;
 	}



@media only screen and (max-width: 950px) and (min-width: 850px) {

	#content {
		background: url(/images/library/girl2.png?31) 105% -41px no-repeat;
		background-color: var(--background-ads-color);
	}
}
@media only screen and (max-width: 850px) and (min-width: 650px) {


	#content {
		background: url(/images/library/girl2.png?31) 105% -21px no-repeat;
		background-color: var(--background-ads-color);
	}
	h1 {
		text-shadow:1px 1px 0 #eef3f4, 1px -1px 0 #eef3f4;
		}
	.blurb1 {
		right:8%;
		top:120px;
	}
	.blurb2 {
		right:2%;
		top:310px;
	}
}

@media only screen and (max-width: 650px) {

	#header .form-search {
		padding-bottom:10px;
	}
	.welcome {
		margin-right:140px;
	}
	h1 {
		margin-right:70px;
		}

	#content {
		background: var(--background-ads-color) url(/images/library/girl2.png?3?a) 170px 15px no-repeat;
		overflow:hidden;
	}
	.information-content {
		width:100%;
		overflow:hidden;
		box-sizing:border-box;
		}
	.blurb1 {
		right:0px;
		top:130px;
		}
	.blurb {
		display:none;
		}
}

@media only screen and (max-width: 550px) {

	.welcome {
		margin-right:110px;
	}
	.welcome-links a,
	.welcome-links a + a {
		margin:5px auto 5px 14%;
	}
	
	
 	.panels > div img {
 		float:none;
 		margin:10px 5%;
 	}

}