.aboutInfo .left .right {
  display: none;
}

@media screen and (max-width: 750px) {
  .aboutInfo > div {
    width: 100%;
  }
  
  .aboutInfo .left .right {
    display: block;
  }
  
  .aboutInfo .right {
    display: none;
  }
  .aboutInfo .top {
    justify-content: center;
    margin: 1em 0;
  }
  .buildingInfo, .lectureInfo {
    flex-direction: column;
    align-items: center;
  }
  
  .right > a > p {
    text-align: center;
  }
  
  .right > div > p {
    text-align: center;
  }
  
  .buildingInfo .left, .lectureInfo .left {
    margin-bottom: 1em;
  }
}