@charset "UTF-8";
/* CSS Document */

.contactform {
  margin: 20px 200px 20px 20px;
  padding: 10px;
  background:white;
  border: 4px solid gray;
  /*box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4),inset -1px -1px 5px rgba(0,0,0,0.3);*/
  /*border-radius: 12px 0 12px 0;*/
}

.contact {
  display: block;
  margin:0 auto;
  width: 90%;
  /*     text-align: left; */
}

.contact input, .contact textarea, .contact select {
  margin: 0;
  text-align: left;

  -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
  -moz-box-sizing: border-box; /* For all Gecko based browsers */
  box-sizing: border-box;

  font-size: 1em;
}

.contact input {
  height: 30px;
}

.contact input, .contact textarea {
  width: 100%;
}
.contact textarea {
  height: 300px;
}
.contact label {
  width: 150px;
  text-align: left;
}
.contact div {
  width: 100%;
  text-align: left;
  margin: 10px auto;
}

form .button {
  -webkit-appearance: none;
  width: 80px !important;
  margin-left: 10px  !important;
  border: 1px solid #7B52CD;
  background: #A889E8;
  padding: 5px 15px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  color: white;
  font-size: 18px;
  font-family: Gill Sans, Helvetica, Arial, Sans-Serif;
  text-decoration: none;
  vertical-align: middle;
  /*
  text-align: center !important;
  */
}

form .button:hover {
  -webkit-appearance: none;
  border-top-color: #7B52CD;
  background: #7B52CD;
  color: #fff;
}
form .button:active {
  -webkit-appearance: none;
  border-top-color: #4FBCBC;
  background: #7B52CD;
  position:relative;
  top:1px;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7B52CD), color-stop(1, #A889E8) );
  background:-moz-linear-gradient( center top, #7B52CD 5%, #A889E8 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7B52CD', endColorstr='#A889E8');
}

form .button:disabled {
  -webkit-appearance: none;
  background: #aaa;
}

@media only screen and (max-width: 1080px),only print {

  .contactform {
    margin: 20px 20px 20px 20px;
  }

}
@media only screen and (max-device-width: 920px) {

  .contactform {
    margin:5px;
  }
  .contactform,.contactform > * {
    /*margin: 20px 20px 20px 20px;  */
    /*     padding: 10px;  */
    /*     background:white; */
    /*     border: 1px solid gray;  */
    /*     box-shadow: inset 1px 1px 5px rgba(0,0,0,0.4),inset -1px -1px 5px rgba(0,0,0,0.3); */
    /*     border-radius: 12px 0 12px 0; */
    /*font-size: xx-large;*/
  }
  .contact input, .contact select {
    /*height: 60px;*/
  }
}