.formdiv {
    float: left;
    width: 48%;
    margin: 10px;
	border:2px solid #C8303F;
	padding:20px;
	border-radius:4px;
	background:#F8F9FB;
}

@media only screen and (max-width: 990px){
    .formdiv{ width: 97%;}
}

@media (min-width: 320px) and (max-width: 640px) {
	.formdiv{
		width: 97%;
	}
}

#resForm {
  width: 100%;
  padding: 10px;
  background: #F2F2F2;
  border: 1px solid #aaa;
}
#resForm label, #resForm input, #resForm select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  margin: 5px 0;
}
#resForm input[type="submit"]{
  background: #C8303F;
  width:30%;
  color: #fff;
  border: 0;
  border-radius: 4px;
  padding: 10px 0;
  margin-top: 15px;
  cursor: pointer;
}
	  
div.ok, div.err {
  padding: 5px; 
  font-weight: bold;
}
div.ok { 
  background: #9cffbb; 
  border: 1px solid #1ca526;
}
div.err { 
  background: #ffe0e0; 
  border: 1px solid #bb1919;
}
html, body { font-family: arial, sans-serif; }