.part-happening .happening:nth-child(even),
.part-class .class:nth-child(even) { background-color: #eee; border-top: 1px solid #eee; }

.part-happening .happening,
.part-class .class { 
  width: 32%;
  margin: 0 1% 30px 0;
  display: inline-block;
  vertical-align: top;
  border-top: 1px solid #ccc;
}

.part-happening .happening .inside,
.part-class .class .inside { padding: 10px; }

.part-happening .happening .happening_title,
.part-class .class .class_title { color: #9ce9e09; font-size: 26px; }

.part-happening .happening .hosts,
.part-class .class .teachers { font-weight: bold; }

.part-happening .happening .host_pics img,
.part-class .class .teacher_pics img { width: 25%; height: auto; }

.part-happening .happening a.button, 
.happening_info a.button,
.part-zoom .zoom a.button, 
.single-zoom .zoom a.button, 
.part-class .class a.button,
.class_info a.button  {
  display: inline-block;
  transition: all 0.5s;
  color: #fff;
  background-color: #8C9E09;
  padding: 12px 15px;
  border-radius: 6px;
  text-align: center;
  margin-bottom: 10px;
}

.part-happening .happening a.button, .happening_info a.button,
.part-class .class a.button, .class_info a.button  { width: 49%; }

.part-zoom .zoom a.button { width: 30%; font-size: 20px; margin: 1%; }
.single-zoom .zoom a.button { font-size: 20px; margin: 1%; }

.part-happening .happening a.button:hover, 
.single-zoom .zoom a.button:hover, 
.part-zoom .zoom a.button:hover, 
.part-class .class a.button:hover, .class_info a.button:hover {
  background-color: #606060;
  color: #fff !important;
}   

.tune_name { font-weight: bold; }

.happening_title,
.part-staff { line-height: 1.4; margin-bottom: 5px;}

.part-staff .staff {
  width: 23%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  margin-right: 1%;
}
.part-staff .staff .photo { background-color: #999; width: 100%; min-height: 200px; }
.part-staff .staff img { width: 100%; height: auto; }

.part-staff .staff_title { text-transform: uppercase; padding: 5px 10px; margin-bottom: 5px; background: #222; }
.part-staff .staff_title a:hover { color: #fff; }

.part-staff .staff.zoom_host { width: 125px; min-height: 125px;  }
.part-staff .staff.zoom_host .photo { min-height: 125px; }
.part-staff .staff.zoom_host .staff_title { text-transform: none; font-size: 12px; }

.teacher { display: inline-block; vertical-align: top; width: 49%; line-height: 1.5em; margin-bottom: 25px;  }
.teacher .photo img { width: 100%; height: auto; }
.teacher .name { font-weight: 300; font-size: 20px; font-family: 'Montserrat',arial,sans-serif; }
h2, .main h2 { font: 300 22px 'Montserrat',arial,sans-serif; margin-top: 0; padding-top: 0 ;}
.teacher .photo { padding-bottom: 10px; }
.teacher .photo, .teacher .name, .teacher .view_bio { display: block; }
.teacher a:hover { color: #000; }

@media screen and (max-width: 1010px) {
  body .part-happening .happening,
  body .part-class .class { width: 48%; }
  body .part-staff .staff { width: 31%; }

  body .part-happening .happening a.button, .happening_info a.button,
  body .part-class .class a.button, .class_info a.button  {
    width: 100%;
    margin-bottom: 5px;
  }

  body .part-happening .happening .host_pics,
  body .part-class .class .teacher_pics img { width: 32%; }

  body .part-zoom .zoom a.button { width: 47%; font-size: 17px; }
}

@media screen and (max-width: 800px) {
  body .part-happening .happening,
  body .part-class .class { width: 100%; }
  body .part-staff .staff { width: 48%; }

  body .part-happening .happening a.button, .happening_info a.button,
  body .part-class .class a.button, .class_info a.button  {
    width: 45%;
    margin-bottom: 5px;
  }

  body .part-happening .happening .host_pics img,
  body .part-class .class .teacher_pics img { width: 32%; }


}