.wsb-home .clear {
    clear: both;
  }
.wsb-home .course-description{
    font-style: italic;
}
.wsb-home .course-description span{
    font-weight: bold;
}
.wsb-home .professor {
    margin: 7px;
    width: 40%; 
    background-color: #f7f7f7; 
    border: dotted 1px #bcbcbc; 
    padding: 14px;
    float: left;
  } 
  .wsb-home .professor img {
    float: left;
    margin-right: 15px;
    width: 150px;
    height: auto;
  }
  .wsb-home .teacher {
    margin: 7px;
    width: 40%; 
    background-color: #ffffff; 
    padding: 14px;
    float: left;
  } 
  .wsb-home .teacher img {
    float: left;
    margin-right: 15px;
    width: 150px;
    height: auto;
  }
  .wsb-home .info {
    display: table-cell;
    min-width: 180px;
  }
  .wsb-home h2, .wsb-home h3, .wsb-home h4 {
    margin-top: 35px;
    color: #900;
  }
  .wsb-home li {
    margin-bottom: 2px;
  }


.button-group { 
text-align: center; 
width: 600px; 
margin: 0px auto; 
} 
.button-group a { 
background-color: #f7f7f7; 
border: solid 1px #bcbcbc;
border-radius: 3px; 
width: 120px; 
padding: 10px 5px; 
margin: 10px 2px; 
display: inline-block; 
text-align: center; 
}
@media only screen and (max-width: 680px) {
.wsb-home .professor {
    width: 100%; 
  }
.wsb-home .professor img {
    float: none;
  }
.wsb-home .teacher {
    width: 100%; 
  }
.wsb-home .teacher img {
    float: none;
}
.button-group a { 
    display: block;
}
}