.joan_widget span.widget-title {
    margin-bottom: -5%;
}
.text-center{
	text-align: center!important;
}
.text-left{
	text-align: left!important;
}
.text-right{
	text-align: right!important;
}
li.events-li {
    margin-bottom: 12px;
	text-align: left;
}
div.separator{
	display:inline-table!important;
	float:none!important;
	width:100%!important;
}
.block{
	display: block;
	padding: 10px 0;
	text-align: center;
	margin-bottom: 10px;
}
.grid{
	width: 95%;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 10px;
	height: auto;
    display: table;
}
.gutter{
	margin-left: 5px;
	margin-right: 5px;
}
.joan-grid h2,
.gutter h2{
	text-align:left!important;
}
.col-25{
	width: 25%;
	float: left;
}
.col-33{
	width: 33.3%;
	float: left;
}
.col-50{
	width: 50%;
	float: left;
}
.col-75{
	width: 75%;
	float: left;
}
.clear{
	clear: both;
	display: block;
}
/*
.joan-image-thumbnail{
	width:64px;
	height:64px;
}
*/
@media (max-width: 767px){
	.col-75, .col-50, .col-33, .col-25{
		width: 100%!important;
		float: none!important;
	}
	.joanBtn{
		display:none!important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	.col-33, .col-25{
		width: 50%!important;
	}
	.col-75{
		width: 100%!important;
		float: none!important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}