.mp校徽和校名18 {
    --text-border-color: #FFFFFF;
    --font-color: #FFFFFF;
}

    .mp校徽和校名18 .schoolNameAndLogo {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
    }

    .mp校徽和校名18 .schoolLogo {
        width: auto;
    }

    .mp校徽和校名18 .schoolNames {
        font-weight: 500;
        line-height: 1.5;
        color: var(--font-color);
    }

    .mp校徽和校名18 .schoolNameChinese {
      letter-spacing: 0.5em;
      font-family: "Zen Kaku Gothic Antique", sans-serif;
      font-weight: 500;
      font-style: normal;
    }

    .mp校徽和校名18 .schoolNameEnglish {
    }

/* Scroll down 50px apply this class to Header */
  .smallHeader .mp校徽和校名18 .schoolLogo
  {
    height: 60px;
  }
  .smallHeader .mp校徽和校名18 .schoolNameChinese 
  {
    font-size: 25px;
    line-height: 30px;
  }

  .smallHeader .mp校徽和校名18 .schoolNameEnglish 
  {
    font-size: 25px;
    line-height: 30px;
  }


@media (max-width: 480px) {
    .mp校徽和校名18 {
        padding: 5px;
    }

        .mp校徽和校名18 .schoolNameAndLogo {
            justify-content: center;
            transform: translateX(-32px);
        }

        .mp校徽和校名18 .schoolLogo, .smallHeader .mp校徽和校名18 .schoolLogo {
            height: 50px;
            margin: 0 10px;
        }

        .mp校徽和校名18 .schoolNames {
            text-align: center;
        }

        .mp校徽和校名18 .schoolNameChinese, .smallHeader .mp校徽和校名18 .schoolNameChinese {
            font-size: 15px;
            line-height: 20px;
        }

        .mp校徽和校名18 .schoolNameEnglish, .smallHeader .mp校徽和校名18 .schoolNameEnglish {
            font-size: 15px;
            line-height: 20px;
        }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mp校徽和校名18 {
        padding: 7px;
    }

        .mp校徽和校名18 .schoolNameAndLogo {
            justify-content: center;
            transform: translateX(-32px);
        }

        .mp校徽和校名18 .schoolLogo, .smallHeader .mp校徽和校名18 .schoolLogo {
            height: 60px;
            margin: 0 15px;
        }

        .mp校徽和校名18 .schoolNames {
            text-align: center;
        }

        .mp校徽和校名18 .schoolNameChinese, .smallHeader .mp校徽和校名18 .schoolNameChinese {
            font-size: 20px;
            line-height: 25px;
        }

        .mp校徽和校名18 .schoolNameEnglish, .smallHeader .mp校徽和校名18 .schoolNameEnglish {
            font-size: 20px;
            line-height: 25px;
        }
}

@media (min-width: 768px) and (max-width: 979px) {
    .mp校徽和校名18 {
        padding: 7px;
    }

        .mp校徽和校名18 .schoolLogo {
            height: 60px;
            margin-right: 25px;
        }

        .mp校徽和校名18 .schoolNameChinese {
            font-size: 20px;
            line-height: 25px;
        }

        .mp校徽和校名18 .schoolNameEnglish {
            font-size: 20px;
            line-height: 25px;
        }
}

@media (min-width: 980px) and (max-width:1199px) {
    .mp校徽和校名18 {
        padding: 10px;
    }

        .mp校徽和校名18 .schoolLogo {
            height: 70px;
            margin-right: 25px;
        }

        .mp校徽和校名18 .schoolNameChinese {
            font-size: 20px;
            line-height: 25px;
        }

        .mp校徽和校名18 .schoolNameEnglish {
            font-size: 20px;
            line-height: 25px;
        }
}

@media (min-width: 1200px) and (max-width:1919px) {
    .mp校徽和校名18 {
        padding: 10px;
    }

        .mp校徽和校名18 .schoolLogo {
            height: 80px;
            margin-right: 25px;
        }

        .mp校徽和校名18 .schoolNameChinese {
            font-size: 20px;
            line-height: 25px;
        }

        .mp校徽和校名18 .schoolNameEnglish {
            font-size: 20px;
            line-height: 25px;
        }
}

@media (min-width: 1920px) {
    .mp校徽和校名18 {
        padding: 10px;
    }

        .mp校徽和校名18 .schoolLogo {
            height: 100px;
            margin-right: 30px;
        }

        .mp校徽和校名18 .schoolNameChinese {
            font-size: 30px;
            line-height: 35px;
        }

        .mp校徽和校名18 .schoolNameEnglish {
            font-size: 30px;
            line-height: 35px;
        }
}