.classes {
margin: auto;
padding: 0px;
max-width: 1100px;
}
.classes li {
margin: 30px 10px;
padding: 20px;
background-color: #fff;
list-style-type: none;
-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
vertical-align: top;
color: #4c483e;
}
.image-contain {
height: 200px;
width: 200px;
float: left;
margin-right: 25px;
}
.image-contain img {
min-width: 200px;
height: 200px;
max-width: none;
width: auto;
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
}
.class-info {
display: inline;
}
.description {
display: block;
font-size: 15px;
}
.time {
display: block;
font-size: 14px;
}
.cost {
	color: #8b8b8b;
	font-size: 13px;
}
.date {
	color: black;
	font-weight: bold;
	font-size: 16px;
	display: block;
}
.class-title {
	color: #000;
	font-weight: 600;
	font-size: 25px;
	display: inline;
}
.home-calendar img {
-moz-border-radius:50%;
-webkit-border-radius:50%;
-khtml-border-radius:50%;
border-radius:50%;
width: 100%;
height: 100%;
}

.home-calendar {
text-align: center;
margin: 0px 20px;
padding: 0px 20px;
}
.home-calendar .item {
padding: 5px 15px 10px 15px;
background-color: white;
border-color: #dce2d8;
border-style: solid;
border-width: 1px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
border-radius:2px;
min-height: 300px;
}

.home-calendar a {
	font-size: 14px;
	color: #292427;
	display: block;
}
.home-calendar a:visited {
	color: #292427;
}
.home-calendar a:hover {
opacity: .7;
}
.news-date {
padding-bottom: 5px;
border-bottom-color: #e4ebe0;
border-bottom-style: solid;
border-bottom-width: 1px;
font-weight: 300;
font-size: 14px;
display: block;
margin: 0px -15px;
}
.news-title {
padding-top: 5px;
display: block;
font-weight: 600;
font-size: 15px;
height: 45px;
}
a.view-all {
font-weight: 600;
	border-color: #e7e4de;
	border-style: solid;
	border-width: 1px;
	margin-right: auto;
	margin-left: auto;
	max-width: 170px;
	color: #ff7470;
	background-color: white;
	font-size: 13px;
	padding: 5px;
}
a.view-all:hover {
	color: black;
}

/*  ---------------------------------------------------------------- Responsive Styles */
@media only screen and (max-width: 1025px) {

.home-calendar {
margin: 5px;
padding: 5px;
}
.home-calendar .item {
padding: 5px;
min-height: 120px;
}
.news-date {
font-size: 11px;
}
}

@media only screen and (max-width: 480px) {
.home-calendar .item {  
height: 100%;
padding: 5px;
}
.home-calendar img {
width: 90%;
}
.class-title {
font-size: 18px;
font-weight: 600;
}
.date {
font-size: 14px;
}
.class-info {
display: block;
}
.image-contain {
text-align: center;
margin: 0px auto;
float: none;
}
.image-contain img {

}
}

@media only screen and (max-width: 376px) {

}