.main{
 width: 100%;
 display: block;
 background-color:red;
}

.left{
    background-color: ;
    border-radius: 20px;
    border: 3px solid aquamarine;
    float:left;
    width: 40%;
    height: auto;
    padding: 3% 3%;
    margin: 2% 3%;
    font-size: 20px;
    
}

.right{
    background-color: ;
    border-radius: 20px;
    border: 3px solid coral;
    float:right;
    width: 35%;
    text-align: center;
    height: auto;
    padding: 3% 3%;
    margin: 7% 3%;
    font-size: 32px;
    
}
.head5{
    text-align: center;
}

.input2{
    float: right;
    background-color: chocolate;
    padding: 3% 3%;
    margin: 5% 3%;
    margin-right: 180px;
    font-size: 22px;
}

.right p{
    font-size: 15px;
}
@media(max-width: 600px){
 
.left{
    float:left;
    width: 90%;
    height: auto;
    padding: 3% 3%;
    margin: 2% 3%;
    font-size: 20px;
    
}  
.right{
    float: left;
    width: 90%;
    text-align: center;
    height: auto;
    padding: 3% 3%;
    margin: 7% 3%;
    font-size: 20px;
    
} 
.head5{
   font-size: 12px;
}  
.left p{
    font-size: 13px;
}
.input2{
    padding: 3% 3%;
    margin: 5% 3%;
    font-size: 15px;
    margin-right: 100px;
} 
}