header {
    background: url(../img/contacto.jpg) no-repeat center;
    background-position: center right;
    background-size: cover;
    min-height: 90vh;
    display: grid;
}

header:after {
    content: "";  
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background-image: linear-gradient(0deg,rgba(52,54,61,1),rgba(52,54,61,.5),rgba(52,54,61,.45),rgba(52,54,61,.85));
}

header > * {
    z-index: 100;
}

.spacer {
    min-height: 10vh;
    z-index: 0;
}

h2 {
    font-weight: 300;
}

input[type=text], input[type=text]:focus, input[type=number], input[type=number]:focus {
    background: transparent;
    border: none;
    border-bottom: 1px solid #636363;
    border-radius: none;
    font-weight: 600;
    color: #7E705C !important;
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

textarea {
    background: transparent !important;
    border: dashed 1px #636363 !important;
    min-height: 50px;
    max-height: 100px !important;
    font-weight: 600 !important;
    color: #7E705C !important;
}

#formulario {
    background-color: #E0E0D7;
    opacity: .75;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 7px 7px 5px 0px rgba(0,0,0,0.3);
}

.myButton {
	background-color:transparent;
	border:1px #636363 dashed;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:17px;
	padding:16px 31px;
    text-decoration:none;
    color: #636363;
    transition: .3s;

}
.myButton:hover {
    background-color:transparent;
    border: 1px solid;
    border-radius: .8em;
}

.myButton:active {
	position:relative;
	top:1px;
}