.heared-img{

    width: 100%;

}

.heared-img img{

    display: block;

    width: 100%;

}

.heared-title{

    margin-top: 40px;

}

.heared-title h2{

    font-size: 50px;

    color:#ff5858 ;

}

.heared-title img{

    width: 20%;

}

.heared-title p{

    margin: auto;

    width: 50%;

    font-size: 26px;

    color:#ff5858 ;

    margin-top: 15px;

}

.w80{

    width: 80%;

    margin: auto;

}

.summary ul{

    display: flex;

    justify-content: space-around;

}

.summary ul li{

    width: 30%;

    background-color: #ff5858;

    padding: 15px 0;

    margin-top: 25px;

}

.summary ul li h2{

    font-size: 25px;

    color: white;

}

.summary ul li img{

    display: block;

    margin-left: 10vw;

    width: 80px;

    float: left;

    margin-top: 33px;

}

.summary ul li  div{

    width: 75%;

    float: left;

    margin-left: 3vw;

}

.summary ul li p{

    width: 95%;

    font-size: 20px;

    text-align:start;

    color: white;

    margin: auto;

}

.server1{

    display: block;

    padding: 20px 0;

    font-size: 25px;

    width: 33%;

    border-radius: 20px;

    margin: 20px auto;

    color: white;

    background-color: #ff5858;

    text-align: center;

}

.practice ul{

    width: 100%;
    margin-top: 50px;
}

.practice ul li{

    width: 50%;

    float: left;

    height: 478px;

}

.practice ul li{

    background-color: #ff5858;

    color: white;

}

.practice ul li img{

    display: block;

    width: 100%;

    /* margin-top: 5vh; */

}

.practice ul li h2{

    font-size: 60px;

    margin-top: 14vh;

}

.practice ul li p{

    width: 85%;

    margin: auto;

    font-size: 30px;

    margin-top: 20px;

}

.opus{

    width: 100%;
    margin-top: 50px;

}

.opus ul{

   width: 100%;

}

.opus ul li{

    float: left;

    width: 31%;

    margin-left: 0.5%;

}

.opus ul li img{

    width: 100%;

}

.famous p{

    font-size: 25px;

    line-height: 63px;

}

.famous img{

    display: block;

    width: 100%;

}