#service-form{
  margin-top: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(5, 75px) 150px 150px;
  justify-content: start;
  align-content: start;
  text-align: center;
  gap: 12px;
}

#service-form .item{  
  text-align: left;
}

.box-1-col{
  grid-column: 1 / -1;
}

@media only screen and (max-width: 640px){
  #service-form{
    grid-template-rows: repeat(7, 75px) 150px 150px;
  }

  .box-2-cols{
    grid-column: 1 / -1;
  }
}

.stretch{
  width: 100%;
  margin-top: 20px;
}

.service-request input{
  font-family: "Roboto";
}

.service-request textarea{
  font-family: "Roboto";
}

.service-request input:focus{  
  border: #616161 1px solid;
}

.service-request textarea:focus{  
  border: #616161 1px solid;
}

.service-request label{
  color:#616161;
}