.mp校徽和校名1 {
    --font-color: #000000;
}

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

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

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

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

        .mp校徽和校名1 .schoolNameAndLogo {
            justify-content: center;
        }

        .mp校徽和校名1 .schoolLogo {
            height: 25px;
            margin: 0 10px;
            vertical-align: bottom;
        }

        .mp校徽和校名1 .schoolNames {
            text-align: center;
            font-size: 15px;
            line-height: 20px;
        }
}

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

        .mp校徽和校名1 .schoolNameAndLogo {
            justify-content: center;
        }

        .mp校徽和校名1 .schoolLogo {
            height: 30px;
            margin: 0 15px;
            vertical-align: bottom;
        }

        .mp校徽和校名1 .schoolNames {
            text-align: center;
            font-size: 20px;
            line-height: 30px;
        }
}

@media (min-width: 768px) and (max-width: 979px) {
    .mp校徽和校名1 {
        padding: 7px;
    }
  
  .mp校徽和校名1 .schoolNameAndLogo {
        /*justify-content: center;*/
    }

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

        .mp校徽和校名1 .schoolNames {
            font-size: 30px;
            line-height: 60px;
        }
}

@media (min-width: 980px) and (max-width:1199px) {
    .mp校徽和校名1 {
        padding: 10px;
    }
  
  .mp校徽和校名1 .schoolNameAndLogo {
            /*justify-content: center;*/
        }

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

        .mp校徽和校名1 .schoolNames {
            font-size: 20px;
            line-height: 40px;
        }
}

@media (min-width: 1200px) and (max-width:1919px) {
    .mp校徽和校名1 {
        padding: 10px;
    }
  
  .mp校徽和校名1 .schoolNameAndLogo {
            /*justify-content: center;*/
        }

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

        .mp校徽和校名1 .schoolNames {
            font-size: 25px;
            line-height: 50px;
        }
}

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

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

        .mp校徽和校名1 .schoolNames {
            font-size: 30px;
            line-height: 60px;
        }
}