@media screen and (min-width: 50rem) {
.container{
max-width:160rem;
justify-content:center;
}
.container > h1{
font-size:3rem;
}
.wrapper{
width:80%;
flex-direction:row;
justify-content:space-around;
padding:4rem;
box-shadow:0 0 4rem rgba(0,0,0,0.2);
}
h4{
font-size:2rem;
}
.first-container,.second-container{
width:45%;
}
.second-container{
justify-content:space-between;
}
img{height:2rem;
width:2rem;}

.percent-box input[type=button]{
width:calc(33% - 1.4rem);
padding:1.5rem 1rem;
font-size:2.4rem;
text-align:center;
}
.result{
    font-size: 2.8rem;
}
.column p{
    font-size: 1.8rem;
}
.column span{
font-size: 1.6rem;
}
}