.contacttitle {
  margin: auto;
  width: 100%;
  background-color: #6991ac;
  border-top: 5px solid white;
  text-align: center;
  padding: 5px;
}

.contactgrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.contactform {
  padding: 20px;
}

.contactarea {
  margin: 50px 40px 180px 20px;
  border: solid 5px#6991AC;
}

/*--contact form--*/

/* Style inputs */
input[type='text'],
[type='email'],
[type='tel'],
select,
textarea {
  width: 100%;
  padding: 12px;
  border: 1px solid #ccc;
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}

input[type='submit'] {
  background-color: #04aa6d;
  color: white;
  padding: 12px 20px;
  border: none;
  cursor: pointer;
}

input[type='submit']:hover {
  background-color: #45a049;
}

/* Clear floats after the columns */
.formrow:after {
  content: '';
  display: table;
  clear: both;
}