/* CSS Document */

.wellCats{
	background-color:#EEE;
	padding:10px;
	margin-bottom:30px;
}
.wellCats legend{
	font-family: 'Arvo';
	font-size:24px;
	border-bottom:1px solid #DDD !important;
	margin-bottom:10px !important;
}
.wellCats a{
	display:block;
	padding:10px 15px;
	font-family: 'Lato-Black';
	font-size:15px;
	color:#028DD0;
	text-transform:uppercase;
	border-bottom:1px solid #DDD;
}
.wellCats a:hover{
	background-color:#8BC441;
	color:#FFF;
}
.wellCats a:last-child{
	border-bottom:none;
}
.newBook, .newBook h4{
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;	
}
.newBook{
	display:block;
	border:1px solid #DDD;
	padding:10px;
	margin-bottom:30px;
}
.newBook:hover{
	background-color:#8BC441;
}
.newBook .image{
	height:250px;
	margin-bottom:10px;
}
.newBook h4{
	display:table;
	height:60px;
	font-size:20px;
	color:#CF141B;
	text-transform:uppercase;
}
.newBook:hover h4{
	color:#FFF;
}
.newBook h4 > div{
	display:table-cell;
	vertical-align:middle;
}
.wellShare{
	margin-top:30px;
	background-color:#EEE;
	padding:10px;
}
.wellShare h4{
	font-size:26px;
	text-transform:uppercase;
	margin-bottom:15px !important;
}
.wellShare .btn{
	margin-top:15px;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
	
	
}

/* Tablet (portrait) */
@media(min-width:768px){
	.wellCats{
		padding:8px;
		margin-bottom:0;
	}
	.wellCats legend{
		font-size:22px;
		margin-bottom:7px !important;
	}
	.wellCats a{
		font-size:14px;
	}
	.newBook .image{
		height:190px;
	}
	.newBook h4{
		height:50px;
		font-size:18px;
	}
	
}

/* Tablet (landscape) */
@media(min-width:992px){
	.wellShare{
		margin-top:0;
		padding:8px;
	}
	.wellShare h4{
		font-size:20px;
	}
	
}

/* Desktop */
@media(min-width:1200px){
	.wellCats{
		padding:10px;
	}
	.wellCats legend{
		font-size:25px;
		margin-bottom:10px !important;
	}
	.wellCats a{
		padding:12px;
		font-size:16px;
	}
	.newBook{
		padding:12px;
	}
	.newBook .image{
		height:210px;
		margin-bottom:12px;
	}
	.newBook h4{
		height:60px;
		font-size:22px;
	}
	.wellShare{
		padding:10px;
	}
	.wellShare h4{
		font-size:25px;
		margin-bottom:15px !important;
	}
	.wellShare .btn{
		margin-top:15px;
	}
	.stButton{
		margin-left:0 !important;
		margin-right:1px !important;
	}
	
}