#teacher-info { width: 790px; margin: 0 auto;  }
@media screen and (max-width: 641px) {
  #teacher-info { width: 100%; }
}
#teacher-info h2, #teacher-info h3 {
  display: block;
  background: #F3F2F3;
  font-size: 18px;
  color: #649936;
  position: relative;
  padding: 8px 8px 8px 24px;
}
#teacher-info h2::after, #teacher-info h3::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #649936;
}
#teacher-info .teacher-title {
  font-size: 13px;
  margin-top: 8px;
  color: #777;
}
#teacher-events { clear: both;  }

#teacher-name { float: left; margin: 20px 20px; text-align: center; width: 120px}
@media screen and (max-width: 641px) {
  #teacher-name { float: none; width: 100%; margin: 20px auto; }
}
#teacher-name div {  }
#teacher-profile { float: left; width: 605px; margin: 20px 0; min-height: 140px;  }
#teacher-profile p {
  font-size: 13px;
  line-height: 1.5;
}
@media screen and (max-width: 641px) {
  #teacher-profile {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }
}
.events { margin: 20px 0; clear: both;  }
.events h3 { margin-bottom: 10px;  }
.events p { margin: 0 20px;  }
.events ul { margin: 0 20px;  }


.events li { width: 195px; float: left; margin: 0 0 15px;  }
.events li p{ text-align: center;  }
.events li dt { text-align: left;}
.events li a { font-size: 10pt; }
.events li dd { display: none;}


.event-photo { position: relative;  }
.event-photo a img {
  height: auto;
}
.about-full
{
  position: absolute;
  top: 0;
  color: #fff !important;
  background: #2b2b2b !important;
  padding: 4px 8px !important;
  font-size: 13px !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
}

#teacher-info img {
  object-fit: contain;
}