@media ((min-width: 768px) and (max-width: 1024px)) {

    .input-border {

        height: clamp(1rem, 5rem, 10rem);

    }

    .main-page-txt h1 {
        width: 90%;
        font-size: clamp(1rem, 3rem, 5rem);
    }

    .main-page-txt p {
        width: 90%;
        font-size: clamp(0.7rem, 1.6rem, 3rem);
    }

    form {

        width: clamp(100px, 700px, 700px);

    }
    
    label {  
        font-size: 2rem;   
    }

    .input-border-file{

        height: clamp(1rem, 12rem, 100rem);  
        margin-bottom: 1.5rem;
    }

    .drag-area{

        width: 92.5%;
        padding: 2rem;

    }

    .draglabel-area {
        font-size: clamp(0.7rem, 1.5rem, 4rem);
    }

    .upload-icon-area {

        height: 5rem;
        width: 5rem;
        
    }

    #upload-icon {
        
        width: 3rem;
        height: 3rem;

    }

    input::placeholder{
    
        font-size: clamp(0.7rem, 1.5rem, 4rem);

    }

    #info-txt{

        font-size: 1.2rem;

    }

    .send-button{

        height: clamp(1rem, 6rem, 100rem);

    }

    #submit-button {

        font-size: 2.5rem;    

    }

}