.mp校徽和校名8 {
  width : 100%;
  max-width : 700px;
}
.mp校徽和校名8 .blockContent
{
  width : 100%;
  
}
.mp校徽和校名8 .faSchoolNameAndLogo
{
  display : flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.mp校徽和校名8 .faSchoolLogo
{
  max-width : 20%;
  height: 16vw;
  max-height: 100px;
}
.mp校徽和校名8 .faSchoolName
{
  max-width : 80%;
  height : auto;
}

@media (max-width: 480px) {
  .mp校徽和校名8 .blockContent
  {
    padding: 10px 10px;
  }
}
@media (min-width: 481px) and (max-width: 767px) {
  .mp校徽和校名8 .blockContent
  {
    padding: 10px 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  .mp校徽和校名8 .blockContent
  {
    padding: 10px 20px;
  }
}
@media (min-width: 980px) and (max-width:1199px) {
  .mp校徽和校名8 .blockContent
  {
    padding: 15px 20px;
  }  
}
@media (min-width: 1200px) {
  .mp校徽和校名8 .blockContent
  {
    padding: 15px 30px;
  } 
}