.ser h1{
    font-size: 2.5rem /* 40/16 */;
    font-weight: bolder;
    text-align: center;
    margin: 1.875rem /* 30/16 */;
}
.ser h1 p{
    font-size: 1.25rem /* 20/16 */;
}
.fw{
    height: 32.5rem /* 520/16 */;
    background-color: rgba(223, 223, 223, 0.212);
}
.fw li{
    float: left;
    height: 37.5rem /* 600/16 */;
    width: 40rem /* 640/16 */;
    margin-top: 1.25rem /* 20/16 */;
}
.fw li h3{
    font-size: 1.875rem /* 30/16 */;
    font-weight: 700;
    margin-top: 9.375rem /* 150/16 */;
}
.fw li p{
    font-size: .9375rem /* 15/16 */;
    font-weight: 400;
    margin-top: 1.875rem /* 30/16 */;

}



.scen{
    margin-top: 3.75rem /* 60/16 */;
    height: 35rem /* 560/16 */;
}
.scen li{
    float: left;
    width: 40rem /* 640/16 */;
    margin-top: 1.875rem /* 30/16 */;
}
.scen li h3{
    font-size: 1.875rem /* 30/16 */;
    font-weight: 700;
    padding-right: 5rem /* 80/16 */;
    text-align: center;
   margin-top: 12.5rem /* 200/16 */;
}

@media screen and (max-width: 1000px){
    .ser h1{
        font-size: 1.5rem /* 40/16 */;
        margin: 1.5rem /* 30/16 */;
    }
    .fw{
        height: 32.5rem /* 520/16 */;
    }
    .fw li{
        width: 100vw;
        height: auto;
        position: absolute;
    }
    .fw li img{
        width: 100vw;
        height: auto;
        margin: 0;
        padding: 0;
    }
    .fw li h3{
        font-size: 1.25rem;
        margin-top: 20rem;
    }
.scen li h3{
    font-size: 1.25rem;
    text-align: center;
    margin: 0;
    padding: 0;
}
    .scen li{
        width: 100vw;
        position: absolute;
        margin: 0;
    }
    .scen li img{
        width: 100vw;
    }
    .scen li h3{
        margin-top: 30rem;
        padding: 0;
    }
.scc img{
    width: 100vw;
    height: auto;
}
}