@media screen and (min-width: 600px) and (max-width: 1023px) {
    p {
        font-size: 24px;
    }

    .image {
        height: 120px;
        width: 120px;
    }

    #home-screen {
        width: 250px;
    }

    #front-text {
        font-size: 40px;
    }
    
    #back-text {
        font-size: 40px;
    }

    .div-position-custom {
        height: 100px;
    }
    
    .div-btn-custom {
        height: 70px;
    }

    .div-label {
        height: 50px;
    }

    #div-form-name {
        margin-bottom: 16px;
    }

    #div-form {
        background-color: #00000000;
        margin-bottom: 30px;
    }

    #iname {
        height: 50px;
    }
    
    #iemail {
        height: 50px;
    }

    .btn-custom {
        height: 70px;
    }

    #div-position-custom {
        width: 368px;
        height: 388px;
    }

    #div-backbox-custom {
        height: 363px;
        width: 380px;
    }
    
    #div-frontbox-custom {
        height: 363px;
        width: 380px;
    }
}

@media screen and (min-width: 1024px) {
    #logo {
        background-image: url(../Sources/Images/logo_pc.png);
        height: 300px;
        width: 300px;
    }
    
    p {
        font-size: 40px;
    }

    .image {
        height: 200px;
        width: 200px;
    }

    #home-screen {
        width: 450px;
    }

    #front-text {
        font-size: 80px;
    }
    
    #back-text {
        font-size: 80px;
    }

    .div-position-custom {
        height: 200px;
    }
    
    .div-btn-custom {
        height: 90px;
    }

    .div-label {
        height: 70px;
    }

    #div-form-name {
        margin-bottom: 20px;
    }

    #div-form {
        background-color: #00000000;
        margin-bottom: 10px;
    }

    #iname {
        height: 70px;
    }
    
    #iemail {
        height: 70px;
    }

    .btn-custom {
        height: 90px;
    }

    #div-position-custom {
        width: 568px;
        height: 588px;
    }

    #div-backbox-custom {
        height: 563px;
        width: 580px;
    }
    
    #div-frontbox-custom {
        height: 563px;
        width: 580px;
    }

    .label-custom::placeholder {
        font-size: 24px;
    }
}