div#banner-img {
    width: 69%;
    float: left;
    background-position: top;
    background-size: cover !important;
    background: url('images/clearwater-library-2.jpg') no-repeat center center;
    padding: 20px 40px;
}

div#library-block > div {
	width:50%;
	float:left;
}

div#library-block > div:last-child {
	float:none;
	clear:both;
}

input#primoQueryTemp {
	background:#0f426f;
	color:#fff;
	width:70%;
	padding:10px;
	border:none;
}

button {
	border:none !important;
}

input#go {
	cursor:pointer;
	background:#0f426f;
	color:#fff;
	font-weight:bold;
	padding:10px 20px;
}

p#search-for {
	font-weight:bold;
	color:#0f426f;
	font-size:150%;
}

label#s-label {
	display:block;
	font-weight:bold;
	color:#00406e;
	font-size:150%;
}

button#lib-s-button {
	float:left;
	width:50px;
	margin:10px 10px 0px 0px;
}

button#lib-s-button img {
	width:100%;
}

input#searchInput {
	background:#607ca3;
	border:none;
	width:75%;
	padding:10px;
	color:#fff;
}

input#searchInput::placeholder {
	color:#fff;
}

input#searchInput:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

input#searchInput::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

div#fatv {
	margin:30px 0px;
}

div#fatv  > div:first-child {
	float:left;
	width:33%;
}

div#fatv > div:nth-child(2){
	float:left;
	width:64%;
	margin-left:3%;
}

div#fatv  > div:first-child > img {
	display:block;
	/*border:1px solid #000;*/
	height:100px;
	margin:0px 0px 10px 0px;
}

div#fatv > div:last-child {
	clear:both;
}

.block {
	display:block;
}

a.blue-button {
	display:block;
	background:#0f426f;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border-radius:5px 5px;
	line-height:40px;
}

	a.blue-button:hover {
		background: #d29f2a;
	}

@media(max-width:950px){
	div#blue-blocks > div > div > p {
		text-align:left;
	}
	
	img.blue-block {
		float:right;
	}
}

@media(max-width:900px){
	
    div#blue-blocks > div {
        float:none;
        width:100%;
        display:block;
        margin-bottom: 30px;
    }

    div#blue-blocks > div > div > a > p {
        width:100%;
        text-align:left;
        min-height:0px;
    }

}

/*@media(max-width:1250px){
	div#blue-blocks > div > div > p {
		font-size:150%;
		line-height:28px;
		min-height:130px;
	}
}

@media(max-width:1100px){
	div#blue-blocks > div > div > p {
		font-size:130%;
		line-height:24px;
		min-height:110px;
	}
}

@media(max-width:950px){
	div#blue-blocks > div > div > p {
		font-size:150%;
		width:100%;
		text-align:center;
		padding:10px 0px;
		margin:0px;
	}
	
	img.blue-block {
		float:none;
		display:block;
		margin:0px auto;
	}
	
	span.gold {
		font-size:85%;
	}
}

@media(max-width:900px){
	img.blue-block {
		width:auto;
	}
	
	div#blue-blocks > div > div > p {
		min-height:60px;
	}
}

@media(max-width:400px){
	div#blue-blocks > div > div > p {
		font-size:115%;
	}
}*/