@charset "utf-8";

.grecaptcha-badge {visibility: collapse !important;}

.wrap {font-size: 16px;
  margin: 0 auto;
  padding: 0;
  max-width: 800px;}

.hed, .format {margin: 0 auto 0 auto;
  max-width: 800px;}

.format {padding: 1.5em 2em;}

.hed {padding: 1em 0;}

.hed h1, .hed h2, .hed p {margin: 0;
  padding: .5em 0;
  font-family: acumin-pro, sans-serif;}

.hed h2, .hed p {  padding: 0 0 .5em 0;
  line-height: 1.1;}

html {box-sizing: border-box;}

*, *:before, *:after {box-sizing: inherit;}

input[type=text], input[type=email], select, textarea {font-family: acumin-pro, sans-serif;
  width: 100%;
  padding: .85em;
  border: 1px solid #ccc;
  border-radius: .25em;
  resize: vertical;
  font-size: 80%;}

input[type=text]:focus, input[type=email]:focus, select:focus, textarea:focus {
  outline: none !important;
  border: 1px solid red;
  box-shadow: 1px 1px 10px inset #ccc;}

label {padding: 0 0 0 .75em;
  display: inline-block;
  float: left;
  font-family: acumin-pro, sans-serif;}

input[type=submit]:hover {background-color: #45a049;}

.col-25 {float: left;
  width: 25%;
  margin-top: .33em;
  line-height: 2;}

.col-75 {float: left;
  width: 75%;
  margin-top: .33em;}

/* Clear floats after the columns */
.row:after {content: "";
  display: table;
  clear: both;}

#myBtn {margin: .5em auto 0 auto;}

button#myBtn {border-radius: .3em;
  font-family: acumin-pro, sans-serif;
  font-size: 14pt;
  text-transform: uppercase;
  margin-top: 20px;
  border: none;
  padding: 10px 15px;
  text-decoration: none;
  background: #00aae4;
  color: #f2f2f2;
  cursor: pointer;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;}

button#myBtn:hover, button#myBtn:focus {background: #0f80ab;}

button#myBtn:focus {outline: 1px solid #000;
  outline-offset: -4px;}

button#myBtn:active {transform: scale(0.99);}

table {border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  background-color: #fff;}

th, td { text-align: left;
  padding: .5em;}

tr:nth-child(even) {background-color: #f2f2f2;}

/* Responsive*/
@media screen and (max-width: 567px) {

.col-25, .col-75, input[type=submit] {width: 100%;
    margin: 0;}
    
#myBtn {font-size: 16px;}

.format {margin: 0;
    padding: .25em;}

.hed h1 {line-height: 1.25em;}

}

@media screen and (max-width: 240px) {

#myBtn {font-size: 14px;}

.format {margin: 0;
    padding: .25em;
    line-height: 1em;}

.hed h1 {line-height: 1.1em;
    padding: .25em 0;}

}