@charset "utf-8";
/* CSS Document */

#contact-form {
  max-width:1200px;
  margin:2rem auto 4rem auto;
  background:red;
  padding:3rem;
  display:grid;
  grid-template-columns:1fr;
  grid-gap:1rem;
  border-radius:1rem;
  background:#efefef;
}

#contact-form input, #contact-form textarea {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight:600;
  line-height:1.5;
  padding:1rem;
  border:none;
  border-radius:0.5rem;
}

input[type=submit] {
  background:var(--red);
  color:white;
  font-weight:600;
  text-transform:uppercase;
  font-size:1.5rem;
}

input[type=submit]:hover {
  background:black;
  cursor:pointer;
}

.area-covered {
  min-height:500px;
  background:url(/images/area-covered.png) center center no-repeat;
  background-size:cover;
}

.area-covered-title {
  background:var(--grey);
  text-align: center;
  color:white;
  padding:2rem 0;
  margin-top:-4rem;
}

@media (min-width:900px) {
  
  /*make form 2 columns*/
  #contact-form {
   grid-template-columns:1fr 1fr;
  }
  
  .area-covered {
     min-height:700px;
  }
}

.email-thankyou {
  display: block;
  text-align: center;
  grid-column: 1/3;
  background:var(--grey);
  color:white;
  padding:0.7rem 0;
  border-radius: 0.5rem;
}