@media screen and (max-width: 800px) {
  #teacher .img,
  #teacher .profile {
    width: min(800px, 100%);
  }
  #teacher .img .message_box {
    margin: 2em auto 0 auto;
  }
  #teacher .img img {
    max-width: 300px;
    margin: auto;
  }
  #teacher .img p {
    background-image: none;
    background-color: #dbfee0;
  }
  #teacher .p2 {
    order: 1;
  }
}
@media screen and (max-width: 620px) {
  #teacher .img .message_box {
    height: max(130px, 20vw);
  }
}
@media screen and (max-width: 400px) {
  #teacher .profile .name {
    flex-wrap: wrap;
  }
}/*# sourceMappingURL=teacher_m.css.map */