.grid {

}

/* clear fix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}

/* ---- .grid-item ----

.grid-sizer,
.grid-item {
	width: 31%;
}

.gutter-sizer { width: 21px; }*/

.grid-item {
	float: left;
	margin-bottom: 60px;
}

.gridInstructor .grid-item {
	margin-bottom: 10px;
	float: none;
}

.gridInstructor .grid-sizer,
.gridInstructor .grid-item {
	width: 31%;
}

.grid-item img {
	display: block;
	max-width: 100%;
}

.gridTxtContainer {
	padding: 15px 10px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-family: 'Fira Sans', sans-serif;
}

.gridHeader {
	font-size: 24px;
	font-weight: bold;
	line-height: 32px;
}

body.page-42 .content,
body.page-42 .content,
body.page-42 .content {
	margin: 0;
}

body.page-42 .tx-seminarcategories.course {
	background: none !important;
}

body.page-42.redBgContent .tx-seminarcategories ,
body.page-42.orangeBgContent .tx-seminarcategories ,
body.page-42.greenBgContent .tx-seminarcategories ,
body.page-42.blueBgContent .tx-seminarcategories  {
	background-image: url(../Images/bg_cat_blue.png);
	background-size: 100% auto;
	width: 	100%;
	height: 100%;
	background-repeat: repeat-y;
	background-position: top 30px center;
}
body.page-42.orangeBgContent .tx-seminarcategories {
	background-image: url(../Images/bg_cat_orange.png);
}
body.page-42.greenBgContent .tx-seminarcategories {
	background-image: url(../Images/bg_cat_green.png);
}

.grid-item.color1 .gridTxtContainer {
	background-image: url(../Images/course_color1.png);
}

.grid-item.color2 .gridTxtContainer {
	background-image: url(../Images/course_color2.png);
}

.grid-item.color3 .gridTxtContainer {
	background-image: url(../Images/course_color3.png);
}

.grid-item.color4 .gridTxtContainer {
	background-image: url(../Images/course_color4.png);
}

.grid-item .gridHeader {
	margin-bottom: 15px;
	font-family: 'Ubuntu Condensed', sans-serif;
}






@media only screen and (max-width: 991px) {
.grid .grid-item {
	float: left;
	margin-bottom: 21px;
}

body.orangeBgContent .tx-seminarcategories, body.greenBgContent .tx-seminarcategories, body.blueBgContent .tx-seminarcategories {
	padding: 0 !important;
}

}

@media only screen and (max-width: 576px) {
.gridInstructor .grid-sizer,
.gridInstructor .grid-item {
	width: 48%;
}
}

@media only screen and (max-width: 430px) {
.gridInstructor .grid-sizer,
.gridInstructor .grid-item {
	width: 45%;
}
}