#modalOverlay {
			position: fixed;
			top: 0;
			left: 0;
			background: rgba(0, 0, 0, 0.5);
			z-index: 99999;
			height: 100%;
			width: 100%;
	}
.modalPopup {
			position: absolute;
			top: 63%;
			left: 50%;
			transform: translate(-50%, -50%);
			background: #fff;
			width: 40%;
		
			-webkit-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			-moz-box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			box-shadow: 0 2px 10px 3px rgba(0,0,0,.2);
			padding: 20px;
	}


.buttonStyle {
position:absolute;
top:13px;
right:10px;
background:#ca9e4e;
color:#fff;
border:none;
    font-size: 18px;
    padding: 0px 10px;

}


.modalContent h2{
text-align:center;
margin-bottom:20px;
margin-left:10px;
}


.query-form input{
    width: 96%;
    float: left;
    margin-right: 10px;
	margin-left: 10px;
    padding: 10px;
    margin-bottom: 20px;
    border: solid 1px #000;
    outline: none;
    color: #000;

}

.query-form textarea{
width:97%;
border: solid 1px #000;
padding: 10px;
outline: none;
margin-left: 10px;
}


.query-form button{
    display: block;
    margin: auto;
    padding: 7px 25px;
    border: none;
    background: #ca9e4e;
    color: #fff;
	    margin-top: 20px;
}


.query-form {
padding:0;
    display: contents;
}


@media only screen and (max-width: 600px) {
 .modalPopup {
    top:50%;
	width:90%;
  }
  
  .query-form input{
  width:100%;
  margin-left:0;
  }
  
  .query-form textarea{
  width:100%;
  margin-left:0;
  }
  
}