

.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 h1{
    font-size: 2.5rem /* 40/16 */;
    font-weight: 12.5rem /* 200/16 */;
    text-align: center;
    margin-top: 5.625rem /* 90/16 */;
}
.x2 img{
    width: 100vw;
    height: auto;
}
.s3{
    height: 39.375rem /* 630/16 */;
}
.s3 h1{
    font-size: 2.5rem /* 40/16 */;
    font-weight: 12.5rem /* 200/16 */;
    text-align: center;
    margin: 1.875rem /* 30/16 */;

}
.s3 ul{
    height: 11.25rem /* 180/16 */;
}
.s3 ul li{
    float: left;

}
.s3 li h2{
    font-size: 1.5625rem /* 25/16 */;
    font-weight: bold;
    margin: 1.875rem /* 30/16 */;
}
.s3 li p{
    font-size: 1.125rem /* 18/16 */;
    font-weight: 500;

}
@media screen and (max-width: 1000px){
    .x1{
        height:18.5rem/* 290/16 */;
    }
    .x1 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }
    .x2 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }
    .s3 h1{
        font-size: 1.5rem /* 40/16 */;
        margin-top: 1.75rem /* 60/16 */;
    }
    .x2 img{
        margin: 0;
        padding: 0;
        width: 100vw;
        height: auto;
    }
    .s3 li img{
        width: 20vw;
        height: auto;
        margin-left: 1rem;
    }
    .s3 li h2{
        font-size: 1.25rem;
        width: 80vw;
        height: auto;
    }
    .s3{
        height: 60rem /* 960/16 */;
    }
}