@media (min-width: 320px) and (max-width: 349px) {

.calculator {

        padding: 1px;
        

    }
.calculator form input {
       
        width: 50px;
        height: 50px;
        
        font-size: 14px;

    }
form .display {
    
            margin: 10px 0;
        }
        
}

@media (min-width: 350px) and (max-width: 575px) {

.calculator {

        padding: 15px;


    }

.calculator form input {

        width: 50px;
        height: 50px;

        font-size: 20px;

    }

form .display {
          
            margin: 10px 0;
    }

}