@media (min-width: 1920px){

    /* page banner */
    .signer_icon{
        width: 35rem;
    }
    .signer_header_box{
        width: 100%;
    }
    .signer_button_box{
        font-size: 1.5rem;
    }
    .button_sign{
        border-radius: 0.8rem;
        width: 15rem;
        height: 4rem;
    }

    /* page title */
    .mc__title{
        font-size: 2.5rem;
    }

    /* preview img */
    .img-size{
        width: 40rem;
    }

    /* buttons */
    .button_step{
        font-size: 1.5rem;
        border-radius: 0.5rem;
        width: 10rem;
        height: 3.5rem;
    }

    /* step info box*/
    .info_box{
        width: 40rem;
    }

    /* font step info */
    #info_step_1, #info_step_2,
    #info_step_3, #info_step_4{
        font-size: 1.5rem;
    }

}

@media (min-width: 3840px) {
    
    /* page banner */
    .signer_icon{
        width: 75rem;
    }
    .signer_header_box{
        width: 100%;
    }
    .signer_button_box{
        font-size: 3rem;
    }
    .button_sign{
        border-radius: 1.5rem;
        width: 30rem;
        height: 8rem;
    }

    /* page title */
    .mc__title{
        font-size: 5rem;
    }

    /* preview img */
    .img-size{
        width: 85rem;
    }

    /* buttons */
    .button_step{
        font-size: 3rem;
        border-radius: 1rem;
        width: 17rem;
        height: 7rem;
    }

    /* step info box*/
    .info_box{
        width: 75rem;
    }

    /* font step info */
    #info_step_1, #info_step_2,
    #info_step_3, #info_step_4{
        font-size: 3rem;
    }

}