@charset utf-8;


.pagecontent main address {
  font-style:normal;
}
.pagecontent main address span {
  font-weight:bold;
  font-size:1.7rem;
}
.pagecontent main address div {
  margin-left: 3rem;
  margin-top: 1rem;
}

.pagecontent main section.form {
  margin-top:7rem;
}


.pagecontent main section.form h3 {
  margin-bottom:.5rem;
}

.pagecontent main section.form form {
  background:#568c87;
  padding:2.5rem 12%;
  color:#fff;
}
.pagecontent main section.form form dd {
  padding:0 0 0 14rem;
  margin-left:0;
  margin-right:0;
}
.pagecontent main section.form form dt + dd {
  border-bottom:1px solid #fff;
  padding-bottom:.8rem;
}

.pagecontent main section.form form input:not([type="radio"]),
.pagecontent main section.form form textarea {
  width:100%;
  margin:0 0 .2rem 0;
  box-sizing:border-box;
}
.pagecontent main section.form form input:not([type="radio"]) {
  height:2rem;
}
.pagecontent main section.form form textarea {
  height:6rem;
  display:block;
}
.pagecontent main section.form form input[type="number"] {
  width:5em;
  margin-right:.5rem;
  text-align:right;
} 
.pagecontent main section.form form dd.person {
  display:flex;
  justify-content: space-between;
} 
.pagecontent main section.form form dd.person input {
  width:48%;
} 
.pagecontent main section.form form dd.address input:first-of-type,
.pagecontent main section.form form dd.email input:first-of-type {
  margin-bottom:1rem;
} 
.pagecontent main section.form form button {
  background:transparent;
  color:#fff;
  border:solid #fff 1px;
  padding:.2rem 1rem;
  display:block;
  margin:auto;
}

@media print, screen and (min-width: 601px) {
  .pagecontent main address,
  .pagecontent main .form {
    margin-right:30px;
    margin-left:30px;
  }
  .pagecontent main section.form form dt {
    padding:1rem;
  }
  .pagecontent main section.form form dt + dd {
    margin-top:-2.6rem;
  }

}

@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:2) , (min-width: 601px) and (min-resolution: 2dppx){
}
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:3) , (min-width: 601px) and  (min-resolution: 3dppx){
}

@media screen and (max-width: 600px) {
  .pagecontent main address span {
    font-size:1rem;
  }
  .pagecontent main address div {
    margin-left: 0rem;
  }

  .pagecontent main section.form form {
    padding:5%;
    margin-bottom:48px;
  }
  .pagecontent main section.form form dd {
    padding:0;
  }
}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:2) , (max-width: 600px) and (min-resolution: 2dppx){

}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:3) , (max-width: 600px) and  (min-resolution: 3dppx){

}