* {
	padding: 0;
	margin: 0;
	/*font-family: century gothic;*/
	font-family: 'Gruppo', century gothic, Arial, sans-serif;
	/*font-family: 'Gruppo', 'Qwigley' cursive;*/
	text-align: center;
}

.envolcentro { background: transparent;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            /*width:1024px;*/
            height:120px;
            top: 20px;
        }
        .envolcentro * {
            vertical-align: middle;
        }
         
        .envolcentro {
            display: block;
            top: 20px;
        }      

form {
	padding: 50px 20px;
	/*background-color: #bbccff;*/
	background-color: #D4E7F6;
	min-width: 600px;
	margin: calc(25% + 100px);
	margin-top: 70px;
	padding-top: 28px;
	margin-bottom: 30px;
	text-align: center;
}

h1 {
	font-size: 40px;
	text-align: center;
	padding: 12px;
	font-family: Segoe Print, 'Ink Free', EngraversGothic BT, Century Gothic, Arial, sans-serif;
	color: #244
}

h2 {
	font-size: 20px;
	text-align: center;
	padding: 6px;
	font-family: 'Ink Free',Century Gothic, Arial, sans-serif;
	color: #466
}

h3 {
	font-size: 24px;
	text-align: center;
	padding: 6px;
	font-family: 'Ink Free',Century Gothic, Arial, sans-serif;
	color: #355
}

h4 {
	font-size: 30px;
	text-align: center;
	padding: 12px;
	font-family: EngraversGothic BT, Century Gothic, Arial, sans-serif;
	color: #244
}

input {
	width: calc(100% - 60%);
	padding: 9px;
	margin: auto;
	margin-top: 12px;
	font-size: 16px;
	opacity: .8;
}

label > select {
  /*display: block;*/
  width: calc(100% - 57%);
  padding: 9px;
  color: #111;
  margin: 16px 0 6px;
  font-weight: 500;
  /*background: transparent;*/
  background-color: #ffffff;
  /*border: none;*/
  outline: none;
  /*font-family: 'Helvetica Neue', Arial, sans-serif;*/
  font-size: 14px;
  opacity: .8;
  transition: all linear .3s;
}


.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
	width: calc(100% - 37%);
	display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #cdf;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  /*background-color: transparent;*/
  background-color: #5577aa;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }

.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


.ok {
	text-align: center;
	width: 100%;
	padding: 12px;
	background-color: #1e6;
	color: #fff
}

.bad {
	text-align: center;
	width: 100%;
	padding: 12px;
	background-color: #a22;
	color: #fff
}