.md{
    background-color: rgba(206, 206, 206, 0.1);
}

.x1 h1{
    height: 7.5rem /* 120/16 */;
    font-size: 2.5rem /* 40/16 */;
    text-align: center;
    margin: 3.75rem /* 60/16 */;
    font-weight: 12.5rem /* 200/16 */;
}
.x1 h1 p{
    font-size: 1.0625rem /* 17/16 */;
    margin-top: 1.875rem /* 30/16 */;
    text-align: center;
}
.x2{
    margin-top: 3.75rem /* 60/16 */;
}
.x2 h3{
    height: 22.5rem /* 360/16 */;
    font-size: 3.75rem /* 60/16 */;
}
.x2 li{
    float: left;
    height: 22.5rem /* 360/16 */;
    width: 40rem /* 640/16 */;
    background-color: rgb(255, 255, 255);
    box-shadow: .3125rem /* 5/16 */ .3125rem /* 5/16 */ rgba(0, 0, 0, 0.082);
}
.x2 h2{
    font-size: 1.5rem /* 24/16 */;
    margin: 3.75rem /* 60/16 */;
    line-height: 3.75rem /* 60/16 */;

}
.x2 p{
    font-size: 1.875rem /* 30/16 */;
    margin: 3.75rem /* 60/16 */;
}
@media screen and (max-width: 1000px){
    .x1{
        height: 15.625rem /* 250/16 */;

    }
    .x1 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }

    .x2 li{
        width: 97vw;
        height: auto;
    }
    .x2 li img{
        width: 97vw;
        height: auto;
    }
    .x2 h2{
        font-size: 1.25rem /* 24/16 */;
        margin: 2.75rem /* 60/16 */;
        line-height: 1.75rem /* 60/16 */;
    
    }
}