html{
    font-size:62.5%;
}
.mainInner{
    height: 100%;
    width: 100%;
 position:relative;
 text-align:center;
 
}

.mainInner div input{
    font-size: 2rem;
    font-weight: bold;
    background-color:yellow;
   color:black;
    border-top-left-radius: 4rem;
    border-bottom-right-radius: 4rem;
    border-color:black;
     max-width: 90vw;
    margin:.2rem 1.1rem;
    padding:8px;
    text-indent:1rem;
   width:100%;
  

}


.buttondesign { font-family: 'Source Sans Pro', sans-serif; 
font-weight: 70rem; 
padding: 1rem;
 font-size: 2rem;
 border-radius: 1rem;
 position: relative;
max-width:50vw;
cursor: pointer; 
background-color : black; 
color: white; 
transition:0.5s;
width:100%;



 }
buttondesign:hover{ color:#FEE140;
 background-color:#FA7091; 
}

.quote{
background-color:blue;
color:white;
border:.3rem solid red;
border-radius:.6rem;
text-align:center;
padding:1rem;
font-size:1.5rem;

}
.right{
text-align:right;

}
@media (max-width:480px){
	html{
font-size:50%;
}

}

@media (min-width:481px){
	html{
font-size:50%;
}

}

@media (min-width:768px){
	html{
font-size:70%;
}
.mainInner div input{
  width:70%;
}
}

@media (min-width:992px){
	html{
font-size:70%;
}
.mainInner div input{
  width:70%;
}
}