div#blue-blocks {
}

div#blue-blocks > div {
	float:left;
	width:32%;
	margin-right:2%;
}

div#blue-blocks > div > div {
	background:#0f426f;
	color:#fff;
	border-radius:10px 10px;
	padding:20px 0px 0px 0px;
	margin-bottom:10px;
}

.content div#blue-blocks > div > div > a p {
	color:#fff;
}

div#blue-blocks > div:nth-child(3){
	margin-right:0px;
}

div#blue-blocks > div:last-child {
	clear:both;
	float:none;
	background:none;
}

img.blue-block {
	float:right;
	width:26%;
	margin-right:4%;
}

div#blue-blocks > div > div > a > p {
	width:55%;
	margin:0px 4% 0px 4%;
	font-weight:bold;
	font-size:170%;
	text-transform:uppercase;
	line-height:36px;
	min-height:150px;
}

span.norm-size {
	font-size:1rem;
}

span.gold {
	font-size: 1rem;
	color: #fff;
	display: block;
	background: #d29f2a;
	clear: both;
	text-align: center;
	text-transform: uppercase;
	padding: 10px 0px;
	border-radius: 0px 0px 10px 10px;
}


@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%;
	}
div#blue-blocks > div > div > a > p {
font-size:120%;
}
}

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

div#blue-blocks > div {
float:none;
width:100%;
display:block;
}

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

div#library-block > div {
float:none;
width:100%;
}

}

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