@import url(https://fonts.googleapis.com/css?family=Sanchez);

body, html{
    width: 100%;
	height:100%;
	margin:0;
	padding:0;
    font-family: 'Sanchez', serif;
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;
    background: url(img/concrete_seamless.png);
}

#first{
    width: 100%;
    height: 20em;
}

#first img{
    padding: 8em 8em 8em 12em;
    vertical-align: middle;
    float: left;
    overflow: hidden;
    
}

#first h1{
    text-transform: uppercase;
    display: inline;
    margin-right: 0;
    color:#7D7D7D;
}

#first h2{
    margin-right: 0;
    font-size: 0.8em;
    color: #7D7D7D;
}

#text{
    width: 45em;
    overflow: hidden;
    padding-top: 8em;
    float: right;
}

.input{
    display: block;
    margin-bottom: 0.8em;
}

#second{
    width: 100%;
    padding-top: 3em;
    
}


#message{
    display: flex;
}


form { max-width:420px; margin-top: 3em;}

.feedback-input {
  color:#7D7D7D;
  font-family: Sanchez;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: rgba(255,255,255,0.5t);
  border:2px solid #7D7D7D;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:100%;
  box-sizing: border-box;
  outline:0;
}

.feedback-input:focus { border:2px solid #7D7D7D; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: Sanchez;
  width: 100%;
  background:#7D7D7D;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
}
[type="submit"]:hover { background:#CCCCCC; }